transition从网页效果上来看是一种平滑过渡的动画，本质上是在一定的时间内将属性的状态从初始值过渡到结束值。如果不添加transition过渡，在网页中点击鼠标、获得焦点等操作将导致css的值在瞬间完成，看起来比较生硬，而添加了过渡效果，可以实现平滑的过渡，增加用户体验。…

最近遇到一个问题，就是怎么做一个圆环放大的动画，如果是用transform: scale放大的话，会导致圆环变粗，这样看起来就不好看了，如下图所示： 如果改成用width/height做动画的话，动画看起来会有点变形，如下图所示： 这个圆圈是用border-radius: 50…

文艺一下

《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。 不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生…

前几天看了一篇文章 ， 颠覆了我对 CSS 认识，心中无数次蹦出一个念头：'卧槽，卧槽，还能特么这么用，这特么太叼了' ... 本文中，所有的图形都是在单个标签内实现的，大量使用了 CSS3 中的 ::before 、::after 伪元素，transparent 、borde…

可以看看。

其实图片和span都是对齐金线，因为span的高度和父元素的高度一致，金线为了迁就它，就跑到父元素中间去了。然后图片再去对齐金线，于是图片也居中了

一个强大的 Sketch 插件合集，由微信设计团队量身打造，让设计师和开发者更佳高效的使用 Sketch。在 GitHub 上开源。