Lecaw

Учимся создавать Web-сайты

CSS

Большинство статей в этой категории основаны на CSS3. CSS3 - следующий шаг в развитии каскадных таблиц стилей. Он много нам обещает и, судя по всему, действительно будет прорывом для веб-дизайна. Если, конечно, опять не подкачают разработчики браузеров.

Сегодня я расскажу, как создать модальные всплывающие окна на CSS (или поля). Раньше, чтобы достигнуть таких эффектов, мы использовали jQuery. Но, оказалось, что у CSS3 есть все необходимые инструменты для создания всплывающих окон. В нашем демонстрационном примере я подготовил страницу с двумя раскрывающимися элементами: форма регистрации и форма входа.

В этом учебном руководстве Вы узнаете, как создать навигационное меню в ретро стиле, используя чистый CSS3. Я надеюсь, что Вам понравится этот урок и Вы узнаете некоторые новые методы.

Сегодня мы покажем, как создать простой слайдер jQuery c CSS анимацией. Идея была вдохновлена ползунком продукта Aplle, когда несколько небольших элементов движутся с вращающейся анимацией. Мы хотим перевести это понятие в современную альтернативу для интернет-магазина, где элементы представляют различные категории. Вполне приемлемо использовать категории из-за ограниченной функциональности такого типа простого jQuery слайдера. Это не совсем оптимальное решение если показывать большое количество элементов на слайдере.

В предыдущей статье, Введение в CSS Clip, мы сделали большой обзор CSS свойства Clip и функции rect(). Сегодня мы будем исследовать практическую сторону этого свойства. Создадим аккуратный и простой эффект, который раскрывает дополнительный контент и расширит полноэкранное наложение.

Привет, ребята! Сегодня мы займемся глубоким изучением CSS свойства - Clip.

Сегодня я хочу рассказать Вам о создании концепции стеллажа с книгами. Идея состоит в том, чтобы создать подборку книг в виде стеллажа при помощи 3D css transforms и добавить к ним некоторые интересные эффекты, такие как: вращение, перелистывание и открытие. Возможно это будет интересная концепция для книжных интернет-магазинов, поскольку это добавляет интерактивности для сайта. Идея взята из Lift Interactive.

Страница 9 из 18