Оформляем цитаты, стильно и современно! 

Сегодня мы собираемся создать некоторые привлекательные стили для оформления блоков с цитатами. Используя текстуры, круги, и псевдо-элементы, можно значительно оживить блоки с цитатами или советами.

Пожалуйста, обратите внимание: результат этого урока будет работать, как задумано, только в браузерах, которые поддерживают соответствующие свойства CSS.

Мы будем опускать префиксы браузеров в примерах кода в статье. Но вы, конечно, можете найти их в исходных файлах.

CSS3 фильтры: изменяем изображения используя стили

CSS3 фильтры являются весьма интересным ответвлением от SVG, позволяющим изменять HTML-элементы и изображения, применяя фильтры размытия, яркости и многие другие. В этом уроке мы кратко рассмотрим, как именно они работают.

Как создать красивые анимированные кнопки при помощи CSS3

Новые креативные сайты создаются каждый день, несмотря на все ограничения HTML и CSS. Каскадные стили прошли долгий путь развития от форматирования структурированного контента до управления разметкой документов для различных типов носителей. CSS3 предлагает дизайнерам гораздо больше возможностей в сравнении с предыдущими версиями. И в этом уроке мы покажем как создать красивые анимированные кнопки при помощи одного только CSS3.

Всплывающие сообщения с применением CSS-анимации

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

Создаем адаптивный CSS-шаблон с плавными переходами

На этом уроке мы будем создавать адаптивный CSS-макет с 100% шириной и высотой  и с плавными переходами страниц. Идея состоит в создании секций с содержанием и навигации, которая позволит переключаться между этими секциями. Мы будем использовать радио-кнопки для навигации и создавать анимацию для содержания, создавая эффект "плавной прокрутки". Эта идея может быть полезна для веб-страниц или веб-приложения, где содержание должно строго соответствовать размеру экрана (ширина и высота).

Слайдшоу-аккордеон при помощи CSS3

Сегодня мы создадим слайдшоу а-ля аккордеон при помощи одного только CSS3. Мы будем использовать радио-кнопки и родственные комбинаторы для того, чтобы управлять слайдами. Идея состоит в том, чтобы каждый элемент или слайд,  изменял своё положение относительно соседних элементов при нажатии на него.