css3元素倒影效果属性:box-reflect

css3元素倒影效果属性:box-reflect

效果:

各游览器的兼容性如下:

这个效果可以用于单个元素,或者div等,很方便,很实用。

css 复制代码
/* 倒影 */
.box-reflect {
  -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #0006);
}
相关推荐
其实防守也摸鱼23 分钟前
个人学习 Pwn 思路:从基础到漏洞利用的进阶路径
大数据·前端·人工智能·chrome·算法·安全·网络安全
朱涛的自习室1 小时前
212 个需求、22 万行代码:Agent 接管开源项目的 19 天
android·前端·人工智能
aZhe的全栈知识分享1 小时前
AI 还原 Figma 效果总达不到预期?先别急着让它写代码
前端·后端·面试
review445431 小时前
Codex Hooks 入门实战:生命周期事件、matcher 与5分钟跑通一个钩子
前端·agent·vibecoding
函数小陈1 小时前
阿里云部署DSH与RAM完成运维
前端·后端
用户499335025071 小时前
JS 作用域劫持的死穴:动态 this 穿透,以及 AST 怎么救
前端
IT_陈寒2 小时前
React的setState真是个演员,你以为它同步其实在装睡
前端·人工智能·后端
孟健4 小时前
Claude Code 同需求写两版对比:装不装 frontend-design 差多远?
前端·ai编程·claude
梦de天空一米16886 小时前
【一个重复id让游戏卡在62%,聊聊配置表检查】
前端
用户3434612783206 小时前
用户认证系统在高并发下的幂等性与限流策略踩坑实录
css