天天看点
返回

利用css3实现网页内容倒影效果

利用css3实现网页内容倒影效果

    <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>css的倒影的效果</title>     <style>                  -webkit-box-reflect:位置 距离px -webkit-gradient()         位置选项:above,below,left,right                  .box{             font-size: 72px;             color: red;             -webkit-box-reflect:             below -8px             -webkit-gradient(linear,                 left top,left bottom,                 from(rgba(0,0,0,0)),                 to(rgba(255,255,255,0.5)));         }     </style> </head> <body>     <div class="box"><img src="images/shadow1.jpg" width="200"></div> </body> </html>

web前端 css 网页设计 html5
上一篇: ARP工作原理一、IP数据包格式二、ICMP协议介绍三、ARP协议介绍四、ARP攻击原理
下一篇: 图像处理--形态学的应用

继续阅读