Popup с анимацией сердца
подробности
краткое описание
Современное окно с анимацией сердца и счетчиком лайков.
промпт
Создай всплывающее окно с белым фоном и черной рамкой толщиной 1 пиксель. В окне должна быть кнопка с иконкой 'Like', использующая шрифт 'SF Pro Text Bold'. Кнопка должна быть черным прямоугольником с состоянием нажатия при клике. При нажатии на кнопку красное сердце должно анимироваться и вылетать из кнопки по синусоидальной траектории с красивым случайным эффектом. Множественные клики приводят к появлению нескольких сердец, каждое из которых постепенно исчезает. В окне также отображается счетчик, начинающийся с '50 Likes'. Структура: - Окно: 300x200 пикселей с закругленными углами и черной рамкой 1 пиксель. - Кнопка: 100x40 пикселей, черный фон с текстом/иконкой 'Like'. Взаимодействие: - При клике по кнопке: запускается анимация сердца; состояние кнопки изменяется на нажатое (визуальная обратная связь). Анимация: - Анимация сердца: поднимается по синусоидальной траектории и исчезает через 2 секунды; поддерживает одновременное выполнение нескольких анимаций. - Счетчик лайков: увеличивается при каждом клике по кнопке. Требования: - Дизайн: современный, минималистичный, с четкой визуальной обратной связью. - Функциональность: плавная анимация, точное обновление счетчика и интуитивное взаимодействие с пользователем.
оригинальный промпт
Сделай на белом фоне поап с бордюром 1 пиксель черным; белый попап с кнопкой Like (шрифт SF Pro text bold) кнопка прямогольная черная при нажатии есть состояние прессед при нажатии на кнопку из кнопки должно вылетать красное сердечко по синусоиде рандомно красивый эффект. если много раз нажать то вылетят много сердечек и растворятся. При этом на попапе меняется цифра с количеством 50 Likes Q: Какой стиль должен быть у попапа и кнопки? A: Попап 300x200 пикселей с закругленными углами, кнопка 100x40 пикселей. Q: Как именно должна работать анимация с сердечком? A: Сердечко должно подниматься вверх по синусоиде и исчезать через 2 секунды.
стоимость генерации
название модели: o3-mini-high
время ответа: 128.23 sec.
токены результата: 7,502
стоимость: $0.03367320