标签

论如何用 CSS3 做地月模型

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

2016-12-30

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

2016-12-15
我12年买的Acer投影,几个月前突然开始出现了开机异响,貌似有什么东西转动不那么“顺畅”。
都说投影费灯泡,我灯泡还好好的,挂墙上没人动的机器怎么说坏就坏了呢……
维修点说要返厂,估价要7百。(好贵,小心脏那个颤抖~~)
早晚要修的,免不了了,过几天拿去修,只希望修好后别再出什么其他问题。
2016-12-02

来来来,暴力一个

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

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

开启暴力模式

2016-12-02

荷包蛋

蛋壳
这是一颗满怀希望的蛋,不久后蛋壳碎裂,小鸡出世,长成一只赤冠昂首的威猛公鸡,驰骋百里没有敌手,有着广为传诵的名号,优良基因绵延不断,不几年后他后代的蛋壳都可以把月球裹个里外三层。

但是,你却把它做成了荷包蛋。

2016-12-01

Piggy bank

猪猪存钱罐儿
空洞的肚子期待着钢镚,承载着未来的希望。
而那回头销魂一瞥,显露出没有放弃成为火腿的追求。
真是一只有理想的猪猪。

2016-11-29

论如何用 CSS3 @keyframes 做块表

Lao.si 2017

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

2016-11-28