Menu

Создание градиента с помощью CSS и HTML

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

Что такое градиент и как он работает?

Банальное слияние нескольких цветов именуется градиентом! Градиент может служить в качестве фона на сайте.

Градиент обеспечивает плавный переход от одного цвета к другому.

Как создать градиент?

Градиент прописывается в CSS документе:

Горизонтальный градиент

 

Цвета поддерживают позиционирование!

Цвета могут переливаться по горизонтали и по вертикали.

Вертикальный градиент

 

Цвета могут

to top left – цвета поползут с правого нижнего блока и доберутся до верхнего левого бока.

Разнородный градик

 

Доминация цвета – это значит один цвет занимает большую площадь, нежели другой цвет!

Установить масштабы для цвета можно в процентах:

Три цвета

 

Прозрачный градиент

Иногда может потребоваться слияние градиента с основным фоном страницы! В таком случае идеально подойдёт “прозрачный цвет” (transparent) – это значит, что за место “transparent” будет использоваться фоновый цвет (установленный в body).

Прозрачный градиент

Слияние нескольких цветов возможно с помощью простого CSS кода! Добавление градиента на сайт позволит создать разноцветный фон или разноцветные элементы сайта.



Подпишитесь!

Укажите свой электронный адрес


Псевдоэлементы before и after Псевдоэлементы before и after работают в связке со свойством content. before отображает текстовые фрагменты до содер...
Быстрее всего учишься в трех случаях — до 7 лет, на тренингах, и когда жизнь загнала тебя в угол (Стивен Кови)