Animación Count-Up con IA: Prompt Three.js + Tailwind
Prompt
Create a count up animation from 0 to 100 with smooth transitions
VISTA DE CÓDIGO
AIとの対話に追加する一言
プロンプトと一緒にコピーして、AIがより正確に意図を汲み取れるようにします
このコードをそのまま使いたいので、CDNリンクも含めた完全なHTMLファイルとして出力してください。
初心者なので、各行にコメントを追加して、何をしているか説明してください。
このコードをWordPressのテーマに組み込む方法も教えてください。
動作確認済みのコードをお願いします。エラーが出る場合の対処法も含めて。
このカウントアップアニメーションはrequestAnimationFrameを使用して0から100までスムーズに遷移します。2秒間のアニメーションでリアルタイムに数字が更新されます。
Resumen del prompt
Este prompt genera una animación de conteo progresivo que va desde cero hasta cien, con transiciones suaves y fluidas. Es especialmente útil para desarrolladores front-end que necesitan crear efectos visuales dinámicos en páginas web, dashboards o presentaciones interactivas. El resultado típico incluye código HTML, CSS y JavaScript listo para usar, con control preciso sobre la velocidad, el easing y el formato del número mostrado.
Los casos de uso más comunes incluyen contadores de estadísticas en sitios corporativos, indicadores de progreso en aplicaciones web, animaciones de métricas en reportes visuales y elementos de gamificación. Para obtener mejores resultados, se recomienda usar modelos como GPT-4 o Claude, ya que comprenden bien los matices de las animaciones con requestAnimationFrame. Puedes variar el prompt ajustando el rango numérico, la duración de la animación, el estilo visual o solicitando versiones en React, Vue o vanilla JavaScript según tus necesidades específicas.
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選