css

论如何用 CSS3 preserve-3d 做个骰子

2016-12-15

来来来,暴力一个

算是用不计性能的笨办法实现了一下粒子效果,简单粗暴。
实现过程中,了解到 transition 中设置多少个属性 transitionend 就会触发多少次。
如:
transition: top .3s, opacity .5s, left 1s;
这就是3次。所以千万不要以为触发了 transitionend 就是所有变形都结束了。

话不多说,点击下面的按钮开始体验。

开启暴力模式

2016-12-02

论如何用 CSS3 @keyframes 做块表

Lao.si 2017

为了让表针有一点儿投影效果,用到了 drop-shadow ,手机上看效果还好,Windows中造成指针没有了抗锯齿优化。

2016-11-28
1

通过浏览器直接打印会涉及到的一些杂项及换算

当在Chrome中 26.5pt 打印出来是1厘米。
在IE、Edge中 28.35pt 打印出来是1厘米。

67.3DPI(?)下,1cm = 26.5pt
*1.07
72DPI下,1cm = 28.35pt
*1.3333
96DPI下,1cm = 37.8pt
1英寸 = 2.54cm
A4纸尺寸:21cm × 29.7cm
网页打印默认页边距:19mm
网页打印窄边距:5mm

打印: cm
Chrome: pt = px
IE: pt = px
2016-03-22

Material design icons 速查表

孙老四为方便查找 Material design icons ,而制作的 速查表
关于 Material design icons 的更多资料,请前往 >《Material design icons》<
2015-12-28
2
2015-10-13