什么是CSS3，CSS3能做什么？

CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1 的基础上增加了很多强大的新功能，目前主浏览器 Chorme、Safari、Firefox、Opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分。是浏览器的私有属性虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容，前缀还是少不了的。
Chrome 和 Safari：-webkit
Firefox：-moz
IE：-ms
Opera：-o
CSS3 把很多以前需要使用的图片和脚本来实现的效果，甚至动画效果，现在只需要短短几行代码就能搞定。比如：圆角、图片边框、文字阴影和盒阴景、渐变、个性化字体、多图片背景、变形处理（旋转、缩放、倾斜、移动）、过渡、动画、多栏布局、媒体查询等。还有选择器，简化了前端开发工作人中山小榄的设计过程，加快页面载入速度。

什么是CSS3，CSS3能做什么？相关推荐

CSS3技巧：利用css3径向渐变做一张优惠券（转）
在很多购物网站上都能看到优惠券,代金券,什么什么的券,但基本都是图片直接放上去,那么你有没有想过css来做一个呢,反正我是这样想过.那么你怎么做呢,切图做背景平铺边缘,嗯,有这样想过,如今css3技术 ...
用css3动画效果做的跑动效果
用css3动画效果做的跑动效果用到的图片创建两个盒子 css样式思路大概是给boxmax设置宽高,能容下一个小人即可,overflow: hidden;使溢出盒子的图片隐藏,再分成七个动画阶段, ...
css3+jquery+js做的翻翻乐小游戏
主要是为了练习一下css3的3D翻转功能,就做了这么个小游戏,做的比较粗糙,但是效果看的见. 主要用到的css3代码如下: html结构: 1 <div class="containe ...
html3d盒子旋转,css3+javascript怎么做一个旋转的3d盒子？
今天写点css3,3d属性写的3d盒子,结合javascript让盒子随鼠标旋转起来今天带了css3新属性3d #a{ width: 200px; height: 200px; margin: 20 ...
css3伪类做三角型,css伪元素写三角形
先说伪元素和伪类的区别: 伪类是针对CSS,而伪元素是针对HTML,伪类选择器是CSS选择器的一种,而伪类是"假"的HTML标签伪类(选择器)本质上是为了弥补常规CSS选择器的不 ...
用css3 3d效果做一个立体盒子
想要做立方体的盒子需要了解几个知识点旋转 transform:rotate 基点的设置 transform-origin 3d设置 transform-style:preserve-3d 移动:t ...
css3 使用SVG做0.5px 的边框细线
.HalfPixelLine{background: repeat-x top left url("data:image/svg+xml;utf8,<svg xmlns='http:/ ...
使用CSS3属性aspect-ratio做横屏检测优化用户体验，附demo完整代码
这周龙珠超不更新.今天NBA没雷霆集锦,下班回来略显无聊,原计划看书,但最终还是决定边听歌边写个demo+一篇水文. demo运行:新建一个html文件,扔进去保存后浏览器打开即可. 竖屏时结果: 横 ...
css html制做王者荣耀网站,css3配合js做王者荣耀3D旋转购买英雄效果以及源码展示...
展示gif效果图注:为了让大家可以直接pc端复制粘贴代码,不用自己敲,这里直接给大家上代码了! ******里面js部分运用一些很牛的算法促使运动之后有运动痕迹,这样有用缓冲效果! html: cs ...
放大旋转 css3,CSS3详解：transform 的旋转、旋转放大、放大、移动
CSS3 transform是什么? transform的含义是:改变,使-变形:转换 CSS3 transform都有哪些常用属性? transform的属性包括:rotate() / skew() ...

什么是CSS3，CSS3能做什么？

什么是CSS3，CSS3能做什么？相关推荐

最新文章

热门文章