Вышла вторая часть разбора радиальных градиентов в CSS!
В первой мы научились управлять цветами, смещать центр и менять форму. А теперь — идём глубже:
1️⃣ Radial shape: как зафиксировать градиент в форме круга (circle).
2️⃣ Radial size: абсолютные размеры и ограничения для процентов.
3️⃣ Четыре ключевых слова (closest-side, farthest-side, closest-corner, farthest-corner) — как они работают и когда реально выручают.
4️⃣ Практика: делаем анимированный «бильярдный шарик» с бликом.
🐭 Смотреть на YT
🐹 Смотреть в VK Video
Post #8113
1.55K
HTML Academy CSS-боль, выпуск про чистый CSS Сегодня две функции: sibling-index() и sibling-count(). Что внутри: - как раньше решали задачу и почему это боль; - как помогали циклы в препроцессорах и зачем от них уходить; - промежуточный вариант на переменных и calc();…
- 🔥 7
- ❤🔥 4
- ⚡ 2