Category
Product & UX
Model
openai-chatgpt
Tags
web-design ui-interactions hover-effects

Add Interactive Hover Effects to Website Cards

Add a subtle, responsive hover interaction to website cards, including a 4px lift, soft colored shadow, and smoothly enlarged inner icon.

By Threads — Published on

Prompt template

Format
Text
Outputs
InteractiveWebsiteCards (code) 
Make the cards interactive: on hover, smoothly move each card upward by 4px (transform: translateY(-4px)), add a soft colored shadow, and smoothly enlarge the icon inside it.

Comments — 0

Related prompts

Browse all prompts