原文：http://margox.me/css3clock.html 第一次发文章，比较激动。 本码农长期浸淫于Dribbble等设计师网站，看到那些好看的设计作品就非常激动，但是无奈PS不精通，AI也早忘光了，只不过对…

数字轮盘效果 css //shuzi .box-num{ width: 190px; height: 80px; border: 5px solid #e8e8e8; border-radius: 5px; displa…

原文来自：https://jellybool.com/post/css-that-you-may-not-know-part-2 继上一次写的CSS黑科技之后，这次貌似还专门去找了一些CSS中可能还是比较不太会引起开发者…

原文来自：https://jellybool.com/post/css-that-you-may-not-know 补充篇在这里 http://segmentfault.com/a/1190000003029085 昨天…

Swiper是目前较为流行的移动端触摸滑动插件，因为其简单好用易上手，受到很多前端开发者的欢迎。今天在使用Swiper的时候遇到这个问题： 使用模板引擎动态生成 swiper-slide类，在 swiper-wrappe…

计算优先级 优先级是根据由每种选择器类型构成的级联字串计算而成的。他是一个对应匹配表达式的权重。 如果优先级相同，靠后的 CSS 会应用到元素上。 注意：元素在文档树中的位置是不会影响优先级的 优先级顺序 优先级逐级增加…

原文来自： http://tympanus.net/codrops/2015/05/28/image-tilt-effect/ 所谓的倾斜效果，我也不知如何用语言描述，那就直接看Demo啦，下面我们会对这个效果的实现原理…

原文出处： https://developers.google.com/web/fundamentals/look-and-feel/animation… 我们经常需要将用户切换到不同视图，切换中的动画可以让…

CSS3 提供了transition 过渡、transform 变换和animation 动画来实现页面中的一些样式转化，这篇文章会对这几个属性做简单的介绍，然后比较一下 CSS3 动画和 JS 动画哪个性能更好。 Tr…

“Flex-box”（全称：CSS Flexible Box Layout Module）是css3中新的布局方式。它可以实现弹性布局，尤其运用在响应式设计中，配合media query可以为布局带来很多新的可能。 Fl…

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: gray…

/** * @blockquote : HTML中的<blockquote>元素（或者 HTML 块级引用元素），代表其中的文字是引用内容。 * @pre : pre 元素可定义预格式化的文本 * @hr :…