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