- Category
- Code & Dev
- Model
- openai-chatgpt
Add Hover Interactions to Website Cards
A reusable instruction for adding hover effects and smooth transitions to interactive cards when building a website with ChatGPT.
By Threads — Published on
Prompt template
- Format
- Text
- Outputs
- Website (code)
When creating or updating a website, add hover states to all interactive cards using `group-hover:translate-y-[-4px]` and smooth transitions using `transition-all duration-300`.
Comments — 0