首页 > 代码库 > 有趣的HTML5 CSS3效果

有趣的HTML5 CSS3效果

2024-07-28 11:08:40   226人阅读

iphone6 外观：http://www.html5tricks.com/demo/css3-iphone6/index.html

天气图标：http://www.html5tricks.com/demo/pure-css3-weather-icon/index.html

3D太空船：http://www.html5tricks.com/demo/pure-css3-3d-air-ship/index.html

动态字体：http://www.html5tricks.com/demo/html5-canvas-side-text/index.html

 

个人思考：

 CSS3纯图片
优点

1、加载速度快

2、放大不失真

1、制作简单

2、开发速度快

缺点

1、技能要求高

2、开发时间长

1、大图加载速度慢

 

 

 

 

 

 

 

 

CSS3、HTML5实践:

在页面上的图形一般用两种方法，用CSS3或者canvas绘画

以下是CSS3的一些想法

1 一般比较多的会用到圆角，阴影，旋转和动画，

2 有三角图案的时候一般都会用到width:0;height:0;然后设置边框的粗细，弧度都是通过border-radious绘制

3 定位来说一般都会是绝对的absoulate,还有：before,after

有趣的HTML5 CSS3效果


联系
我们