CSS Effects

@propertyconic-gradientbackdrop-filter:has()

↓ 滚动查看更多

✨ 发光旋转边框

@property + conic-gradient 驱动的旋转边框 — 纯 CSS，无 JS。

旋转边框卡片

边框颜色沿着卡片边缘旋转流动。@property 声明 --angle 类型，conic-gradient 绘制渐变边框。

🪟 毛玻璃卡片

backdrop-filter: blur(20px) — 卡片后面的内容被模糊。iOS 风格，Safari 需要 -webkit-backdrop-filter。

🎯 鼠标光效追踪

把鼠标移到这个卡片上，光晕跟着光标走。radial-gradient + CSS 变量。

试试看 →

🔍 :has() 父选择器

根据子元素状态改变父元素样式。以前必须用 JS 做的事。

点击输入框试试

点击这个试试