首页 > 其他 > 详细

transparent 透明效果

时间:2016-08-12 11:34:05      阅读:158      评论:0      收藏:0      [点我收藏+]

background-color:transparent;就是把背景色设置为透明。

实际上background默认的颜色就是透明的属性。所以写和不写都是一样的

 

span{
width: 0;
height: 0;
display: inline-block;

}

技术分享

border-top: 60px solid #ff4d52;
border-right: 30px solid transparent ;

 

技术分享

border-left: 60px solid #ff4d52;
border-bottom: 30px transparent solid;

 

技术分享

border-right: 30px solid transparent;
border-left: 30px solid transparent;
border-bottom: 60px solid #ff4d52;

 

技术分享

border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 60px solid #ff4d52;

 

 

技术分享

border-right: 30px solid transparent;
border-left: 30px solid transparent;
border-top: 60px solid #ff4d52;

 

技术分享

border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-right: 60px solid #ff4d52;

transparent 透明效果

原文:http://www.cnblogs.com/hubl/p/5764059.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!