ribbon

创建一个褶皱带

创建一个褶皱带
本实例主要是对:before,:after和rotate的应用。其实神来之笔在于对border的应用,一般来说我们经常会使用宽高为0,然后再运用border来设计一个三角出来,可是这里是应用border三角和一个宽度或高度的结合,设计出来了我们看到的向上折叠的效果。正好:before生成一个同色的向上折叠,:after生成一个阴影色的旋转下的折叠。
返回顶部