番茄盐煎肉
2016-08-02 14:35
求教这个是怎么实现的
翘边阴影主要靠border-radius实现的 。
那就好。不用谢
建议你学一下http://www.imooc.com/learn/240这个课程,css3实现翘边阴影的效果。
.effect::before, .effect::after{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
使用的:after和:before添加空元素,然后设置边框阴影圆角radius的值
十天精通CSS3
242553 学习 · 2623 问题
相似问题