CSS3实现投影效果
2021-06-10 22:05
标签：自动 rom htm tom 渐变 覆盖 运行 hub 页面 Webkit引擎定义了-webkit-box-reflect属性，该属性能够实现投影效果，具体语法如下： 属性取值说明如下： 当对象源发生变化时，投影能够自动更新，当鼠标经过对象上时，也能够在投影中看到鼠标效果，如果属性应用到 投影的规模和反射偏移不影响页面的布局。 下面是一个例子： 查看运行效果 CSS3实现投影效果 标签：自动 rom htm tom 渐变 覆盖 运行 hub 页面 原文地址：http://www.cnblogs.com/yaotome/p/7295048.html-webkit-box-reflect:
.reflect1 {
-webkit-box-reflect:below;
}
.reflect2{
-webkit-box-reflect:below 10px;
}
.reflect3{
-webkit-box-reflect:below 5px
-webkit-gradient(linear,left top,left bottom,
from(transparent),
color-stop(0.5,transparent),to(white));
}