Popup avec animation de cœur

résumé

Popup moderne avec animation de cœur et compteur de likes.

invite

Créez un popup avec fond blanc et une bordure noire d'1 pixel. Le popup doit contenir un bouton avec l'icône 'Like', utilisant la police 'SF Pro Text Bold'. Le bouton doit être un rectangle noir affichant un état enfoncé lors du clic. En cliquant sur le bouton, un cœur rouge doit s'animer hors du bouton en suivant un trajet sinusoïdal avec un bel effet aléatoire. Plusieurs clics entraînent plusieurs cœurs, chacun s'estompant progressivement. Le popup affiche également un compteur démarrant à '50 Likes'.

Structure :
- Popup : 300x200 pixels avec des coins arrondis et une bordure noire de 1 pixel.
- Bouton : 100x40 pixels, fond noir avec texte/icône 'Like'.

Interaction :
- Clic sur le bouton : déclenche l'animation du cœur ; état 'enfoncé' du bouton (retour visuel).

Animation :
- Animation du cœur : monte selon un trajet sinusoïdal, s'estompant après 2 secondes ; supporte plusieurs animations simultanées.
- Compteur de Likes : s'incrémente à chaque clic sur le bouton.

Exigences :
- Design : moderne et minimaliste avec un retour visuel clair.
- Fonctionnalité : animations fluides, mise à jour précise du compteur et interaction utilisateur intuitive.

invite originale

Сделай на белом фоне поап с бордюром 1 пиксель черным; белый попап с кнопкой 􀊵 Like (шрифт SF Pro text bold)
кнопка прямогольная черная при нажатии есть состояние прессед
при нажатии на кнопку из кнопки должно вылетать красное сердечко по синусоиде рандомно красивый эффект. если много раз нажать то вылетят много сердечек и растворятся.

При этом на попапе меняется цифра с количеством 50 Likes

Q: Какой стиль должен быть у попапа и кнопки?
A: Попап 300x200 пикселей с закругленными углами, кнопка 100x40 пикселей.

Q: Как именно должна работать анимация с сердечком?
A: Сердечко должно подниматься вверх по синусоиде и исчезать через 2 секунды.

récapitulatif du coût de génération

nom du modèle: o3-mini-high

temps de réponse: 128.23 sec.

jetons de résultat: 7,502

coût: $0.03367320