Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Повторяющиеся градиенты

.

Повторяющиеся градиенты

Иногда нужно создать фоновое изображение, состоящее из повторяющихся элементов градиента. С линейным градиентом особых проблем не возникает (можно использовать свойство background-repeat), но для радиального градиента эквивалентного способа нет. К счастью, на помощь приходит CSS3 и свойства repeating-linear-gradient и repeating-radial-gradient. Браузеры Firefox 3.6+, Safari 5.0.3+, Chrome 10+ и Opera 11.10+ поддерживают repeating-linear-gradient с префиксами вендоров.

Оба свойства имеют тот же самый синтаксис, что и варианты свойств без повторов.

Вот что можно сделать, используя буквально несколько строк кода CSS (его поддерживают Firefox 3.6, Chrome 10 и черновые сборки WebKit (используем только вариант с префиксом -webkit — для краткости)):

Повторяющиеся градиенты

Повторяющиеся градиенты

Результат вы можете видеть на рис. 7.13.

Повторяющиеся градиенты

Рис. 7.13. Несколько вариантов повторяющегося градиента

.

Читайте так же:
Not found