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

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

效果:

各游览器的兼容性如下:

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

css 复制代码
/* 倒影 */
.box-reflect {
  -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #0006);
}
相关推荐
漫随流水1 天前
旅游推荐系统(view.py)
前端·数据库·python·旅游
踩着两条虫1 天前
VTJ.PRO 核心架构全公开!从设计稿到代码,揭秘AI智能体如何“听懂人话”
前端·vue.js·ai编程
jzlhll1231 天前
kotlin Flow first() last()总结
开发语言·前端·kotlin
蓝冰凌1 天前
Vue 3 中 defineExpose 的行为【defineExpose暴露ref变量】详解:自动解包、响应性与实际使用
前端·javascript·vue.js
奔跑的呱呱牛1 天前
generate-route-vue基于文件系统的 Vue Router 动态路由生成工具
前端·javascript·vue.js
柳杉1 天前
从动漫水面到赛博飞船:这位开发者的Three.js作品太惊艳了
前端·javascript·数据可视化
Greg_Zhong1 天前
前端基础知识实践总结,每日更新一点...
前端·前端基础·每日学习归类
We་ct1 天前
LeetCode 148. 排序链表:归并排序详解
前端·数据结构·算法·leetcode·链表·typescript·排序算法
IT_陈寒1 天前
JavaScript开发者必看:5个让你的代码性能翻倍的隐藏技巧
前端·人工智能·后端