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

Если вы думали, что в первой части узнали всё — самое интересное только начинается. В этом выпуске: Как заставить градиент быть идеальным кругом — даже в прямоугольном контейнере. Что такое radial size и как он меняет правила игры. Четыре магических значения: closest-side, farthest-side, closest-corner, farthest-corner. Чем они отличаются и зачем нужны. Почему проценты работают не всегда и как обойти ограничения спецификации. Практика: делаем анимированный «бильярдный шарик» с реалистичным бликом. Если после первой части вы поняли «как делать градиент», то после этой поймёте как управлять им на 100%. А если ещё не смотрели первую часть, ссылка ниже: CSS боль | радиальные градиенты, часть 1 →    • Радиальные градиенты, часть 1 | CSS Боль   Демонстрация →
Спецификация →