📋 Full Prompt

I want to add a smooth scroll-triggered animation to [section/element]. Write dynamic code using vanilla CSS transitions/animations or Framer Motion. Include GPU-accelerating keywords for performance.

🏷️ Tags

#UI#CSS#animation

💡 Usage Tips

✅Replace the variables in brackets ([]) with your specific situation.
✅Specify the desired tone and length of writing for more accurate results.
✅Request additional modifications based on the generated output to improve quality.
✅Specifying a particular audience allows AI to adjust vocabulary and explanation level.

🔗 Related Prompts

Clean Code Reviewer

Analyzes provided code for potential bugs, performance issues, and readability.

SQL Query Optimization Expert

Analyzes complex, slow SQL queries and suggests index utilization and structural improvements.

Automated Unit Test Generator

Analyzes function or class code and generates Jest/Pytest test code including edge cases.

Legacy Code Modernization (Refactoring) Expert

Cleans up old, complex code by applying modern best practices and design patterns.

📚 Related Blog Posts

Guide12 min

The Ultimate Guide to Prompt Engineering: Best Practices, Common Mistakes, and Examples

Master the core principles of prompt engineering and advanced frameworks to maximize LLM performance.

Guide8 min

Complete Guide to ChatGPT Prompt Writing 2026

Everything you need to know about the core principles and practical know-how of prompt writing to get 120% out of ChatGPT.

Effective Writing Strategies with AI

AI writing prompts let you efficiently produce blog posts, business emails, press releases, novels, and more. The key is to assign AI a precise role, and clearly specify the desired tone, length, and target audience. For example, requesting "write a 2000-word SEO-optimized blog post in a professional tone" yields significantly higher-quality output. After generating a draft, iterative feedback helps elevate the final quality step by step.

This prompt belongs to the Coding category, optimized for All at a Intermediate level. It is systematically designed applying core prompt engineering principles: role assignment, context setting, and constraints.

Explore More Prompts

Discover 90+ verified prompts in the PromptGenie library.

Browse Library