码迷,mamicode.com
首页 > Web开发 > 详细

css常用的阴影

时间:2017-11-11 21:29:41      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:inner   -o   http   border   rgba   transform   app   imp   top   

一、box-shadow: 0 2px 15px 0 rgba(0,0,0,.15)!important

技术分享

二、

   
     box-shadow: 0 2px 6px 0 rgba(0,0,0,.4);

技术分享

三、

.tofu-block-hover {
transition: opacity 0.3s,width 4s,height 4s;
border: 1px solid #e7e7e7;
padding: 18px;
background-color: #fff;
position: absolute;
border: 1px solid #00c1e0;
width: 120%;
height: 120%;
margin-top: -8%;
margin-left: -8%;
box-shadow: 0 0 8px #00c1e0;
z-index: 2;
/* opacity: 0; */
filter: alpha(opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}

技术分享

 

css常用的阴影

标签:inner   -o   http   border   rgba   transform   app   imp   top   

原文地址:http://www.cnblogs.com/zhujiasheng/p/7819961.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!