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

1
Want create site? Find Free WordPress Themes and plugins.

栏目总负责人,撰稿人qiuyming给大家的通知对于给大家带来的不便十分抱歉,但我要很遗憾的告诉大家,因为IDE无法运行,原定的创建第一个网页改至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

 

 

 

 

Did you find apk for android? You can find new Free Android Games and apps.

关于作者

qiuyming

目前是一个:业余菜鸟开发者&架构/初中生/独立博客博主,喜欢:PHP/建站/互联网基础设施/方言文化/玩音乐。反正就是搞的东西多,却每样都不是炉火纯青。

一条评论

发表评论