Website梦工厂之四(JUL.16)—HTML5创意代码推荐

栏目总负责人，撰稿人qiuyming给大家的通知对于给大家带来的不便十分抱歉，但我要很遗憾的告诉大家，因为ＩＤＥ无法运行，原定的创建第一个网页改至8月淀粉月刊

HTML5是一种扩展性很强的语言，任何人都可以使用它做出多姿多彩的网页，本期我将给大家推荐一些HTML5创意代码，话不多说，赶紧进入主题吧

1.大风车

这个代码是在HTML基础上配合CSS代码实现的，他使用的是CSS的transform:rotate属性来实现的动画效果

演示地址:www.html5tricks.com/2Fdemo/2Fhtml5-css3-windmill/2Findex.html

2.用HTML5给同学送个生日蛋糕

同学过生日时，有些淀粉可能会给同学送个电子生日蛋糕，这个HTML电子蛋糕采用svg制作，并且利用HTML5 API把蛋糕的制作过程呈现出来，可以用它带给同学一个生日惊喜，绝对能让你成为焦点

演示地址:www.html5tricks.com/demo/html5-css3-new-cake/index.html

3.使用table标签生成图片

这并不是网上查来的，而是我们淀粉月刊的联合创始人居正打造的，下面我就不多说，看看居正是怎么介绍他的吧

 

 

这张图片在网页上看起来并没有什么出众之处，然而细观其代码，你会惊讶地发现：图片竟然是由数以万计的<tr>与<td>标签构成的！


我们知道table标签可以存储tr与td标签，而它们也可以设置background背景色。所以我们是不是可以进而用它来生成图片呢？
你可以通过软件上的按钮将代码导出或者直接复制到你的剪辑版中，再黏贴到你网页的指定位置。另外其中的扩大像素选项实际上是调整每个td标签的高宽

说明&生成器下载地址:http://54df.com/topic/26404

4