投稿
  1. 125jz首页
  2. 教程
  3. 网页制作

一句代码给图片加倒影-CSS3

江山如画 • • 网页制作 • 阅读 1616

本文使用纯CSS代码给图片加倒影，CSS代码 ：

img {
    -webkit-box-reflect: below 0px 
    -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
}

效果如下图所示：

一句代码给图片加倒影-CSS3

完整代码：





一句代码给图片加倒影


一句代码给图片加倒影-CSS3
一句代码给图片加倒影-CSS3


125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3614.html

赞 (0)
江山如画江山如画管理团队
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2019年7月17日 上午9:35
下一篇 2019年8月23日 上午10:21

99%的人还看了以下文章

发表回复

登录后才能评论