241 читали · 4 года назад
CSS: Градиенты
Градиенты — это плавные перетекания одних цветов в другие, используемые, в основном, для фона. В CSS градиенты бывают двух типов: линейные и радиальные. Линейные градиенты задаются функцией linear-gradient(), которая принимает в качестве параметров направление градиента (в радианах - deg) и список точек (минимум 2), содержащие цвет и позицию точки (в процентах). .gradient { background: linear-gradient( 90deg, /* задаём направление градиента */ blueviolet 0%, /* задаём цвет и позицию...
Текст с тенями
И с градиентом! Как сделать на css обводку текста? ➡️ Итак, один из способов: задать тень (text-shadow), причем тени задаем с каждой стороны text-shadow: 1px 0 1px #000,     0 1px 1px #000,    -1px 0 1px #000,    0 -1px 1px #000; Удобно, если у текста несколько обводок, например: text-shadow:   -2px 0 red,   0 2px violet,   2px 0 red,   0 -2px blue; ❗️Однако, если нужно, чтобы текст при этом был прозрачным, то color: transparent; при наличии text-shadow...