css - Страница 26

Архив рубрики ‘css’

Определение поддержки браузером конкретных свойств CSS с помощью правила @supports

Так как браузеры сами решают, какие свойства поддерживать, веб-разработчикам часто нужно узнать, поддерживает ли браузер конкретные свойства, после чего заполнить пробел с помощью Polyfills (пломб, по смыслу), если нужно. Широко применяется способ решения такой задачи с помощью библиотеки JavaScript Modernizr, но это можно сделать и используя только CSS.
Далее... 1 Комментарий »
Фоновые текстуры в виде шахматной доски и полос с использованием градиентов CSS3

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

В этом уроке мы узнаем о впечатляющих возможностях CSS и создадим рейтинг в виде звездочек на чистом CSS. К сожалению, в некоторых старых браузерах на движке Webkit из-за неправильной работы с родственными и соседними селекторами этот рейтинг не будет работать. Но во всех современных браузерах он работает отлично.
Далее... Нет комментариев »
Создание упрощенной анимации печати с использованием единицы измерения ch

Раньше мы рассказывали, как использовать временную функцию steps() для создания эффекта анимации печати, который не теряет функциональность в старых версиях браузеров. В этом уроке мы покажем, как упростить то решение и сделать его более гибким, но, к сожалению, менее поддерживаемым браузерами. Новая версия полностью работает в браузере Firefox, но не во всех версиях правильно отображаются все шрифты, [...]
Далее... Нет комментариев »
Создание скошенных углов с использованием CSS3

В этом уроке мы рассмотрим создание эффекта горизонтальных краев под углом на веб-странице. Если в макете есть немного непараллельные края, он выглядит менее жестким и скучным. Для создания этого эффекта мы воспользуемся псевдоэлементами ::before и ::after и трансформациями CSS3.
Далее... 3 Комментариев »
Создание новогодней открытки с использованием CSS3

Приближается Новый Год, и мы хотим пожелать всем читателям счастливых праздников. Поэтому мы решили показать, как создать новогоднюю открытку на чистом CSS3, без использования изображений. Надеемся, Вам понравится этот урок.
Далее... Нет комментариев »
Создание анимированной зимней шапки сайта с использованием CSS3

С помощью анимаций CSS3 можно создавать ошеломительные эффекты. Из этого урока Вы узнаете, как создать интересную анимированную шапку с помощью ключевых кадров. Этот урок посвящен грядущим праздникам, и мы очень надеемся, что его выполнение поможет вам настроиться на новогоднее настроение!
Далее... Нет комментариев »
Создание игры крестики-нолики с использованием только CSS

В этом уроке мы познакомимся с интересными возможностями CSS и создадим игру крестики-нолики на чистом CSS. Эта игра предназначена для двух игроков, играющих поочередно, для крестика нужно нажать один раз, для нолика — два раза.
Далее... Нет комментариев »
Задаем стили элементам в зависимости от количества потомков

Изначальная идея задавать стили элементам в зависимости от количества потомков принадлежит André Luís, но мы считаем, что ее можно улучшить, значительно сократив количество нужного кода CSS. О чем мы и расскажем в этом уроке.
Далее... 2 Комментариев »