实现的原来就是:在一个宽高为0像素的块状元素中设置border属性,例如.box{width:0px;height:0;border-bottom:50px#F00solid;border-left:50px#03Fsolid;border-right:50px#F90solid;border-top:50px#6C0solid;}在浏览器中的显示如图:这样就有上下左右四个三角形了,再把除了要用的三角外的其他3个三角(border)颜色设置 ...
相信有一点CSS基础的朋友应该都可以轻松实现一个css三角形,那么如果我们想要更酷炫的三角形效果要怎样做呢?其实我们可以用CSS3来做一个三角形叠加放大的特效,实现效果及代码如下,感兴趣的朋友可以参考。
长按识别二维码并关注微信
更方便到期提醒、手机管理