跳转到主要内容
w3cplus
Menu
会员专栏
CSS
JavaScript
小册
Mobile
SVG
标签云
文章列表
你在这里
首页
ribbon
创建一个褶皱带
作者:
结一
日期:
2012-09-02
点击:
266
css3
ribbon
:before&:after
transform
提高篇
本实例主要是对:before,:after和rotate的应用。其实神来之笔在于对border的应用,一般来说我们经常会使用宽高为0,然后再运用border来设计一个三角出来,可是这里是应用border三角和一个宽度或高度的结合,设计出来了我们看到的向上折叠的效果。正好:before生成一个同色的向上折叠,:after生成一个阴影色的旋转下的折叠。
阅读全文
Search this site
直达目的地(^_^)
返回顶部