说说 CSS 3 动画以及 steps() 函数

如今 CSS 3 动画已经非常常见,网上关于 CSS 3 动画的介绍也不少,但大多数都没提及 steps() 这个函数,甚至包括国内版的 w3school 更是压根没列出来。最近在制作 Miss.cat 网站的 loading 动画时,尝试了一下该函数,发现还蛮实用的。什么是动画当然这里要说的不是详细表述怎样称为「动画」,而是要先弄清楚一个概念:在 CSS 3 中哪部分是一个动画的过程。我们...

利用 CSS 3 的 flexbox 轻松实现自适应居中

以前要做个屏幕居中的效果,可能都会使用 position 绝对定位的方式来做。但随着元素尺寸不固定问题越来越常见,这个方法的弊端也就越来越明显。最近尝试了一下 CSS 3 中的新特性 Flexbox 弹性伸缩布局的概念,发现通过这个方法实现屏幕居中太方便了,并且内容尺寸随便改都不会影响居中的效果。简单的做了一个很生动的例子,不同身材的小黄人都居中了。我们来看看代码:html { h...

收到 fir.im 送的礼包~

很高兴收到了 fir.im 送的礼包,有一件 T 恤、一个马克杯、一张明信片、一张宣传册、以及若干贴纸。东西做得都蛮精致的。话说这次会给我送礼物也是蛮巧的。上个月因为有一些诈骗短信利用了 fir.im 的平台来传播手机病毒,导致 fir.im 被迫要求自查。其实这种事大家都明白,有关部门要求自查也是合情合理,而 fir.im 算是无辜躺枪了。正好有人在 V2EX 上问怎么查了几天还没好、还以...