Разработка CSS-анимации для всплывающего окна
Цель проекта
Создать визуально привлекательную и плавную анимацию открытия модального окна (popup) с использованием исключительно каскадных таблиц стилей (CSS). Анимация должна соответствовать предоставленному референсу.
Основные требования
- Анимация должна быть реализована только на CSS. Использование JavaScript не допускается.
- Всплывающее окно должно появляться строго по центру экрана.
- Триггером для запуска анимации является взаимодействие пользователя с элементами формы, такими как radio buttons, связанные с изображениями (например, выбор начинки или размера товара).
- Необходимо воспроизвести логику и визуальный стиль анимации, показанный в референсном примере.
- Код должен быть чистым, хорошо структурированным и комментированным при необходимости.
Ожидаемый результат
Готовый HTML/CSS код, где при выборе одного из вариантов (через radio buttons) плавно появляется центрированное всплывающее окно с заданной анимацией. Все состояния (открыто/закрыто) должны управляться CSS.