带心形动画的弹窗
详情
概要
现代化弹窗,带有心形动画和点赞计数器。
提示
创建一个白色背景的弹窗,其中有一个黑色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