Circle-Hover-Effects http://tympanus.net/Tutorials/CircleHoverEffects/
css transition hover 效果
--
学习使用css 过渡属性 transition 语法： -- transition：[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ]
适用于：所有元素，包含伪对象:after和:before 继承性：无
[ transition-property ]： 检索或设置对象中的参与过渡的属性
[ transition-duration ]： 检索或设置对象过渡的持续时间
[ transition-timing-function ]： 检索或设置对象中过渡的动画类型
[ transition-delay ]： 检索或设置对象延迟过渡的时间
transition:border-color .5s ease-in .1s
意思是 border-color 属性 延迟0.1s 执行变化耗时0.5s 使用动画类型为ease-in 线性模式.
transition:border-color .5s ease-in .1s, background-color .5s ease-in .1s, color .5s ease-in .1s;