技术栈

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);
}
上一篇:字节跳动后端 一面凉经
下一篇:k8s控制器定时把k8s apiserver内存和cpu打得很高
相关推荐
2401_87845453
14 小时前
HTML和CSS的复习2
前端·css·html
We་ct
15 小时前
吃透现代CSS全技术体系
前端·css·css3·sass·postcss·预处理器
ZC跨境爬虫
15 小时前
跟着 MDN 学 HTML day_11:(语义化容器全站重构+独立CSS拆分+字体合规引入)
前端·css·ui·重构·html·edge浏览器
何何____
15 小时前
flex布局介绍
css
ZC跨境爬虫
15 小时前
跟着 MDN 学 HTML day_10:(超链接核心语法+路径规则)
前端·css·笔记·ui·html·edge浏览器
GISer_Jing
15 小时前
AI原生前端工程化进阶实践:从流式交互架构到端云协同全链路落地
前端·人工智能·后端·学习
被考核重击
15 小时前
Vue响应式原理(下)
前端·javascript·vue.js
ZC跨境爬虫
1 天前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端老石人
1 天前
HTML 字符引用完全指南
开发语言·前端·html
幼儿园技术家
1 天前
前端如何设计权限系统(RBAC / ABAC)?
前端
热门推荐
01要裂开了!ChatGPT要手机号验证了?注册Codex要求验证电话号码怎么办?2026年登陆Codex要手机号验证的解决办法02GitHub 镜像站点03Codex 接入 DeepSeek API 完整配置文档04【AI】2026 年具身智能模型和世界模型总结05零基础教你claude code 接入 deepseek V406裂开!ChatGPT 居然开始要手机号验证,附详细解决方法07几个好用的ip纯净度检测网站082026年AI前瞻:量子AI、具身智能与科学发现的新纪元09CC-Switch & Claude 基于 Linux 服务器安装使用指南10在Windows 11上安装Docker的踩坑记录