Appearance
收录 6 种纯 CSS 弹窗/模态框动效。
本分类收录了 6 种 CSS 弹窗动画。
纯 CSS 弹窗用 :checked 伪类 + 隐藏 checkbox 控制弹窗的显示/隐藏，配合 :target 伪类和 opacity/pointer-events 切换可见性。实际项目中建议加 JS 控制 body 滚动锁定。
:checked
:target
opacity
pointer-events
body
导航动画 · 过渡动画 · 表单动画
更多相关站点
以下更多 CSS 弹窗动画 等你探索——每个都支持在线预览和一键复制代码。