Live Preview

Effects

3D 倾斜卡片

Library Effects

3D 倾斜卡片

精细指针下的透视倾斜卡片，行程受限、可关闭。

透视倾斜精细指针下的透视倾斜卡片，行程受限、可关闭。将本资源作为视觉与交互简报使用。把 Prompt 复制到 AI 编程工具，再按你的产品调整布局、品牌语气与动效强度。

Back to Library

Then paste it into your favorite AI coding tool.

Details

Type
Effects
Category
Agency
Style
Experimental
Tech stack
JAVASCRIPT
Animation
Hover
Difficulty
Beginner
License
Personal
Access
Free
Creator
Noah Bennett
Views
617
  • Hover
  • Tilt
  • JavaScript

Copy. Paste. Create.

This prompt is engineered to communicate visual direction, layout, interaction, animation and technical requirements. 

Implement a low-intensity 3D tilt card (max 6deg). Fine pointer only. Reset on mouseleave. Feature-flag via data-tilt="off". Reduced motion: never tilt. Use transform and will-change sparingly.

Installation

Copy the prompt into your AI coding tool, then adapt colors and type to your brand.

License: Personal