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

Если вы думали, что в первой части узнали всё — самое интересное только начинается. В этом выпуске: - Как заставить градиент быть идеальным кругом — даже в прямоугольном контейнере. - Что такое radial size и как он меняет правила игры. - Четыре магических значения: closest-side, farthest-side, closest-corner, farthest-corner. Чем они отличаются и зачем нужны. - Почему проценты работают не всегда и как обойти ограничения спецификации. - Практика: делаем анимированный «бильярдный шарик» с реалистичным бликом. Таймкоды: - 00:00:05 Введение в радиальный градиент - 00:01:03 Форма градиента - 00:01:58 Параметр radio-shape - 00:03:38 Параметр radio-size - 00:05:59 Специальные ключевые слова для размеров - 00:08:29 Примеры использования ключевых слов - 00:12:19 Заключение - 00:12:53 Проблемы с процентами и ключевые слова - 00:13:28 Создание анимированного бильярдного шарика - 00:14:14 Анимация с нейросетями - 00:14:29 Обзор спецификации радиальных градиентов - 00:15:39 План на будущее #CSS #Frontend #WebStandards #CSSValues #Animation