本文使用纯CSS代码给图片加倒影，CSS代码 ：
img {
-webkit-box-reflect: below 0px
-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
}
效果如下图所示：
完整代码：
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3614.html
赞 (0)
微信扫一扫 
支付宝扫一扫
Less编写及使用快速入门
上一篇
2019年7月17日 上午9:35
SyntaxError: Non-UTF-8 code starting with ‘xc1′,’xc4′,’xc7’,解决方法
下一篇
2019年8月23日 上午10:21
99%的人还看了以下文章
-
css布局基础：浮动和清除浮动练习2
主要知识点： 1、浮动：让元素脱离标准流，从而实现灵活的布局效果。 2、浮动只能左右，不能上下。float:left/right/none。 3、子元素浮动会造成父元素高度塌陷，清除浮动的3种方法： 方法1：通过overflow属性 方法2：通过clear属性 方法3：通过伪元素选择器（推荐） 效果图： 参考： <header> <img …
-
注册表单验证常用js代码：用户名、密码、邮箱等字段验证
<script language=”javascript”> //验证是否为数字 function IsDigit(cCheck) { return ((‘0′<=cCheck) && (cCheck<=’9’)); } //验证是否为英文字母 fun…
-
中国省、市区二级联动下拉选择框-JS源码
中国省、市区二级联动下拉选择框，包含所有省份及市县信息。 当选择省份下拉选择框时，市区的下拉框会根据选择的省市加载出来。如上图所示选择“山东省”，市的下拉选择框只会出现山东省的市县。 1.把中国省份和市区的信息放到JavaScript文件里（js/common.js），中国网页设计在js文件里定义了两个数组，分别存放省份和对应的市区。 //省份 var pr…
-
哪些浏览器支持HTML5？
目前支持HTML5的浏览器主要有： 谷歌浏览器（全面支持HTML5）、360浏览器、搜狗浏览器、世界之窗、Firefox、Safari、Opera、QQ浏览器、傲游浏览器、IE10。 如要下载支持HTML5的浏览器，请到官网下载！
-
第11课：表格的高级特性
表格还有哪些相关属性？ colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span（跨列）”的缩写。colspan属性用在<td>标签中，用来指定单元格横向跨越的列数： 例1： <table border=”1″> <tr><td colspan=”3″>单元格1<…
