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

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

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

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

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