标签

论如何用 CSS3 做地月模型

声明:无视比例,也不考虑什么夹角。请领会精神,不要在意细节,做的只是动画效果。也不对小朋友天文知识的启蒙负任何责任,我不想误人子弟。

2016-12-30

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

2016-12-15

来来来,暴力一个

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

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

开启暴力模式

2016-12-02
3

Javascript MD5

原始
MD5
SHA-1
MD4
2016-12-02

论如何用 CSS3 @keyframes 做块表

Lao.si 2017

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

2016-11-28
1
iOS 9

有个小哥儿,喜欢 iOS9 的渐变,就做一个给他。

2016-11-28

Material design icons 速查表

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

CSS3 Loading加载动画

挺有意思的,就做了几个。觉得能用上的,可以随意拿走。

loader_1
loader_2
loader_3
loader_4
loader_5
loader_6
loader_7
loader_8
loader_9
loader_10
loader_11
loader_12
2015-09-01
4

CSS的Win7计算器

刚接触CSS3的时候,看到渐变、圆角和投影,就顺手试做了这个。昨天翻硬盘的时候翻出来了,就贴上来占个位置。没做任何适配,仅在Chrome中正常显示,不具有任何参考价值。

2010-12-08
4