
[MEIZU Smartphones in Pure CSS3]纯 CSS3 实现魅族智能手机历代产品的演变~
前几天在 codepen 上看到一个 Apple Mice,作者使用 CSS3 制作了苹果的历代鼠标。话说我之前也使用HTML5和CSS3制作过一台魅族M9,不知还有人记得不~
最终效果
制作过程
第一步:收集外观图片
第二步:使用 Fireworks 重绘,以便获得各部分的大小和颜色参数
第三步:最后就是在网页里重现了,体力活略过...
围观地址
MEIZU Smartphones in Pure CSS3
PS: 浏览器显示效果排名如下:Internet Explorer 11 > Chrome 32 > Firfox 26
求怎么制作最终效果图片动画
用的这个软件:http://c7sky.com/gifcam.html
ok,我学习一下
哇,你的那个自动滚动是使用CSS3的还是用js的呢?
JS和CSS都用到一点 🙂
給跪了! 😥
不现实啊
给大神送膝盖来了。。
😯 求拜师~
这不科学!IE11居然在Chrome前!
IE的硬件加速还是很给力的 😆
你做出这个效果花了多久呀,好厉害好佩服啊
零零碎碎3个晚上吧~
很漂亮的说! 😯
略显犀利啊;
😀 牛逼
居然 IE11 大于 Chrome 32 我用 Chrome ~~~