Draw an angry bird with pure CSS

You see the angry bird is a normal picture.but when you click it,you can see the demo about it

no canvas,no SVG.

it support chrome,firefox,safari.For reasons known, the IE does not support.

Click for the demo

用css3画一坨屎

此前有位日本牛人,用css3画了一个哆啦A梦

用到不少css3新增属性,整个画面由不同的div容器构成,通过拼接组合来实现画面,没有用到canvas。按照这个思路,我也css简单画了一坨屎。。就像下面的这个,显而易见ie不支持


查看Demo

混迹于互联网的一介草民,
研究领域:互联网产品、昆虫

关注我:

最新评论:

  • 子痕: 呵呵,小有趣味~
  • vita: 小辈刚电子商务毕业,刚想自己做个网站,由于每天稀奇古怪的梦很多(比哈利波特都不算稀奇的),所以就想说收集大家的梦,说做个“梦网”,结果跟移动冲突了,那就“发梦网”吧,诶,您给做了。。。哈哈哈~~~ 那,今天做火车时,又郁闷到了,所以想弄一个网站专门批斗铁道部(没办法啊,屁民我和草根我还有愤青我都没有上街游行的种,只敢这么做~),这个可行不?经验不够,如果遇见问题,还想请教楼主啊。。
  • vita: 哈哈,虽然难登大雅,但是还是努力了一番的。我还做不出来呢。。
  • 浮云站: slideDown 方法 ie中 会闪动一下 怎么解决呢
  • Gabriel: 好有内涵
  • 小萧萧: 看不太懂,我研究下先
  • 武天老施: 吼吼,弄呢个透漏下是那个digg么,哈哈,pbdigg?
  • 爱疯迷Myang: 其实调用 ipad/html5 版本也是mac 看视频网站的一个常用手段,不然会因为不支持 flash 而使 mac 产生大量热量,温度急剧上升。
  • 武天老施: 开源框架用的是?
  • 武天老施: 博主你好,做梦网是您从头开发的么