all-threads-bot

Frontender`s Spectre

[HTML Academy] Радиальные градиенты, часть 2 | CSS боль

11 сентября 2025 г., 16:20

Если вы думали, что в первой части узнали всё — самое интересное только начинается. В этом выпуске: - Как заставить градиент быть идеальным кругом — даже в прямоугольном контейнере. - Что такое radial size и как он меняет правила игры. - Четыре магических значения: closest-side, farthest-side, closest-corner, farthest-corner. Чем они отличаются и зачем нужны. - Почему проценты работают не всегда и как обойти ограничения спецификации. - Практика: делаем анимированный «бильярдный шарик» с реалистичным бликом. Если после первой части вы поняли «как делать градиент», то после этой поймёте как управлять им на 100%. А если ещё не смотрели первую часть, ссылка ниже: CSS боль | радиальные градиенты, часть 1 → https://youtu.be/0FHbB62Q9e4 Демонстрация → http://htmlacademy.ru/demos/201 Спецификация → https://www.w3.org/TR/css-images-3/