关于html5和css3的一些尝试
15 / 01 / 2012 buling

      最近无事,看了很多html5和css3网站相继火红。我也忍不住了,买了一本《HTML5与CSS3 权威指南》,书还是很不错,但感觉讲的有点不够升入。之前看过一本《ActionScript 3.0权威指南》,觉得写的很不错,主要是把我学了这么几年的矩阵派上用场了,神啊,买。想学习动画,但html5和css3动画教程比较少,所以打算先多学点as3,从中取点经,其实很多api都是很相通的。
      想学一下css3,一开始我以为bing的国外版本是用了css3绘制的,原来用了html5的一句video标签,大失所望,还是学习一下 http://tjrus.com/iphone 这哥们写的,来,效果:

      然后,想起淘宝网站首页都改版用html5,一下子抄的如火如荼,我想我们公司也不差这点技术呀,搞一搞也火一下呗,写了个选号的,firefox下效果最佳:

01
02
03
04
05
06
07

以前刚接触html5的时候,就想画个五角星,感觉好难。还有html5没有提供画椭圆的api,但这里有个很好的方法,画四条贝塞尔曲线,看效果:


Your browser does not support the canvas element.


Your browser does not support the canvas element.

      之前用flash写德州,ui没写完,实在有点小累,写个html5版(用canvas绘制而成的)的界面,但....本应该用css3写才是专业的,就当学习了吧,上效果(在firefox最新版本,或ie9以上查看):


Your browser does not support the canvas element.


Your browser does not support the canvas element.

无标签信息
1