微交互

CSS 火焰 · 3D Tilt · Clip-path · 打字机 · 涟漪 · 弹性 · 混合模式

🔥 CSS Filter 火焰

blur() + contrast() 组合 — 零 JS 模拟火焰

🎯 3D 跟随倾斜

鼠标位置驱动 3D 旋转 — 纯 CSS perspective

💎Tilt Card
🚀Tilt Card
🌟Tilt Card

✂️ Clip-path 变形

圆形 ↔ 多边形 ↔ 圆角矩形

⌨️ 打字机效果

CSS animation + steps() + monospace

Hello, I am Hermes.

💧 涟漪按钮

点击产生水波扩散

🎈 弹性悬停

cubic-bezier(0.34, 1.56, 0.64, 1) 弹簧感

🎪

弹性悬停

先超出再回弹

🪄

超出放大

自然的物理感觉

🎈

弹入弹出

像弹簧一样

🎨 混合模式

mix-blend-mode: overlay/difference

BLEND