css3
BetterBOB
这个作者很懒,什么都没留下…
展开
-
BFC是什么?
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。 一、BFC是什么? 在解释 BFC 是什么之前,需要转载 2014-05-04 11:24:32 · 1350 阅读 · 0 评论 -
css3 animation动画事件
当使用css3时,会遇到利用@keyframes来定义动画事件,利用下面3个事件,可以捕捉当前元素原创 2014-05-09 11:38:19 · 1284 阅读 · 0 评论 -
css 有用代码
CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果,使网站更好看,更能够吸引用户访问。这篇文章中,我收集了一组实用的 CSS3 技巧,能够帮助你美化您的网站,并给它一个更专业的外观和感觉。 黑白图像 下面的 CSS 代码能够把彩色图像转变成黑白风格: 1 2 3 4 5 6 7 img.desat转载 2014-05-09 11:41:14 · 1004 阅读 · 0 评论 -
css伪类before after 实现立体效果
div { width:200px; height:200px; border:1px solid #ccc; position: relative; background-color:#fff; float: left; text-align: center; margin: 30px; } .div1::after { z-index: -15; positio原创 2014-04-11 17:59:33 · 1987 阅读 · 0 评论 -
css3仿天猫侧边栏
演示:http://jsfiddle.net/Adce2/ 主要思路: 1, 首先画出侧边栏的html。 2, 利用css3属性分别为close sidebar-content添加显示和隐藏的动画。 3, 利用css3的keyframes来定义动画的样式。原创 2014-05-28 18:42:16 · 2837 阅读 · 1 评论