技术栈

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

星月前端2025-09-04 10:56

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

效果:

各游览器的兼容性如下:

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

css 复制代码
/* 倒影 */
.box-reflect {
  -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #0006);
}
上一篇:字节跳动后端 一面凉经
相关推荐
vivo互联网技术
4 小时前
微信小程序端智能项目工程化实践
前端·人工智能·微信小程序·端智能
前端灵派派
5 小时前
openlayer轨迹回放
前端
Trust yourself243
5 小时前
如何获取easy-ui的表格的分页大小
前端·javascript·ui·oracle
zz-zjx
5 小时前
shell编程从0基础--进阶 1
linux·运维·前端·chrome·bash
濮水大叔
5 小时前
能够动态推断与生成DTO是Node生态的一个重要里程碑
前端·typescript·node.js
飞阿飞飞
5 小时前
手把手教你用React做一个Excel导入功能,看完就能用!
前端·react.js
艾小码
5 小时前
JSON数据处理太头疼?这4个技巧让你秒变高手!
前端·javascript·json
庚云
5 小时前
前端项目中 .env 文件的原理和实现
前端·面试
热门推荐
01UV安装并设置国内源02奈飞工厂官网,国内Netflix影视在线看|中文网页电脑版入口03Xget:下一代开源资源获取加速引擎,让你的文件下载、储存库克隆和镜像拉取快如闪电04Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code05Linux下V2Ray安装配置指南06KGG转MP3工具|非KGM文件|解密音频07不再让Windows更新!&Edge游戏助手卸载及关闭自动更新08A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程09jdk21下载、安装(Windows、Linux、macOS)10使用国内镜像网站在线下载安装Qt(解决官网慢的问题)——Qt