Интенсивный курс «Базовый HTML и CSS»16 января — 22 февраля 2017
Линейные градиенты

Линейные градиенты

Узнаем что такое линейные градиенты и как их можно использовать для создания интересных декоративных эффектов. Разберём синтаксис функции linear-gradient, некоторые интересные приёмы, попрактикуемся создавать сложные орнаменты с помощью градиентов.

Начать

Hello, linear-gradient!Направление градиентаГрадиенты по диагоналямГрадиенты под углом

Следующие задания доступны по подписке
Оформите подписку, чтобы пройти этот и другие платные курсы целиком.
Подписаться

Диагонали против градусов
Испытание: иконки iOS
Nyan cat наносит ответный удар
Пропорции цветов и колорстопы
Резкие переходы цветов
Псевдоколонки на градиентах
Испытание: флаги
Цветовые переходы в px
Полупрозрачные градиенты
Повторяющийся линейный градиент
Строим сложный фон — часть 1
Строим сложный фон — часть 2
Строим сложный фон — часть 3
Строим сложный фон — финал
Кнопки — часть 1
Кнопки — часть 2
Кнопки — часть 3
Испытание: орнамент из сюрикенов
Испытание: cпутники