На этот раз разбираем радиальные градиенты — инструмент, который часто недооценивают.
1️⃣ как работает
radial-gradient() и зачем нужен gradient box;2️⃣ что такое color stops и как с их помощью управлять плавностью или делать резкие границы;
3️⃣ почему градиент не всегда круг и как влиять на его форму;
4️⃣ как сдвигать центр, чтобы получить необычные эффекты;
5️⃣ анимация радиальных градиентов с CSS-переменными (и почему без них не получится).
Если вы когда-то копировали готовый код градиентов, но не понимали, почему он работает — этот выпуск для вас.
Смотреть на YT | Смотреть в VK