CSS3

Содержание статьи

CSS3

background-image

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

Градиент создается с помощью свойства background-image. На момент написания данной книги для различных браузеров необходимо было использовать разный синтаксис.

Поскольку подобное поддерживается не всеми браузерами, можно сначала указать фоновое изображение для блока которое будет представлять градиент, а затем предоставить альтернативный CSS-код для браузеров, которые поддерживают градиенты.

На этой странице мы сконцентрируемся на линейных градиентах.

вы видите, что для создания линейного градиента нужно указать два цвета, между которыми создается плавный переход.

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

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: