首页 > 代码库 > 有趣的HTML5 CSS3效果
有趣的HTML5 CSS3效果
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效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。