跳转到主要内容
w3cplus
Menu
CSS3
Mobile
Sass
JavaScript
视频教程
译文
SVG
工具
标签云
你在这里
首页
ribbon
创建一个褶皱带
作者:
结一
日期:
2012-09-02
点击:
171
css3
ribbon
:before&:after
transform
提高篇
本实例主要是对:before,:after和rotate的应用。其实神来之笔在于对border的应用,一般来说我们经常会使用宽高为0,然后再运用border来设计一个三角出来,可是这里是应用border三角和一个宽度或高度的结合,设计出来了我们看到的向上折叠的效果。正好:before生成一个同色的向上折叠,:after生成一个阴影色的旋转下的折叠。
阅读全文
GitHub
关注我们
合作网站
JavaScript学习案例
墨鱼前端培训
HTML5梦工场
Sass入门指南
CSS解决方案
W3ctech
前端圈
Drupal中国
友情链接
广州微信开发
在线图片压缩
java源代码学习
墨鱼前端开发培训
猪八戒网
HTML5梦工场
PHP教程
程序员客栈
imweb 前端社区
前端笔记
返回顶部