css3含义，css3基础知识

能说CSS3,-webkit-animation,-moz-animation,-o-animation,-ms-anim...

1、-webkit-animation-duration：3s；（3）animation-timing-function：动画速度曲线linear ：以匀速播放 ease ：刚开始动画速度慢然后加快在结束时变慢 （默认）ease-in ：指动画以低速开始 ease-out ：指动画以低速结束。

2、-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome私有属性 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。

3、transition代表css3中的过渡，可以使元素从一种样式逐渐改变为另一种的效果。transition： height 2s；表示需要渐变的是元素高度height，渐变时间是2s。

4、CSS3 animation 属性 IE10 开始支持的。针对版本低的现代游览器最好使用前缀（-webkit-，-moz-，-o-）。IE9 可以用JS的 setTimeOut 等函数来解决动画。

5、把总动画设为4秒，然后前75%也就是3秒都没变化（0-75%），之后的25%也就是1秒做动画就可以了，具体的democan参见demo。循环动画由几幅画面构成，要根据动作的循环规律确定。

相关问答

Q1: CSS3中-moz、-ms、-webkit和-o分别代表什么意思_html/css_WEB-IT...

1、-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome私有属性 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。

2、代表是各浏览器内核的兼容写法。有时候有些css样式需要考虑不同内核浏览器的兼容性和显示效果，会在样式前面加个前缀。

3、transition代表css3中的过渡，可以使元素从一种样式逐渐改变为另一种的效果。transition： height 2s；表示需要渐变的是元素高度height，渐变时间是2s。

4、-moz-， -webkit-， -o-这些都是浏览器前缀。

5、-webkit-border-radius 是为了兼容 chrome 或 safari。-moz-border-radius 是为了兼容火狐。而现在火狐支持标准的border-radius，所以-moz-border-radius 是个无用的属性。

Q2: css3translate是什么意思

translate：移动，transform的一个方法，通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数。transform：变形。

transition：过渡 主要是用在css3中过渡形状、颜色、位置等。

transition 是制作居间动画的一种方式，可以指定“渐变”的css属性，如width，height，top，left，opacity，transform等。

translate的基本意思是“翻译”，常指把一种语言译成另一种语言。引申可作“转化”“解释”解。translate也可作“调动”解，通常指某人调到另一地方。translate可用作及物动词，也可用作不及物动词。

Q3: css3中-moz、-ms、-webkit各什么意思

1、Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。

2、代表是各浏览器内核的兼容写法。有时候有些css样式需要考虑不同内核浏览器的兼容性和显示效果，会在样式前面加个前缀。

3、transition代表css3中的过渡，可以使元素从一种样式逐渐改变为另一种的效果。transition： height 2s；表示需要渐变的是元素高度height，渐变时间是2s。

4、以楼主贴出的代码为例，前缀-webkit表示这适用于webkit内核的浏览器，-moz是火狐，-ms的是IE的，最后一段是原型代码。这4段其实是对4种浏览器的兼容，后面turn就是这个动画里面关键帧的名字(animation-name)。

5、-moz-， -webkit-， -o-这些都是浏览器前缀。

6、css针对各个浏览器的前缀是什么：现在写css3代码的时候，为了实现兼容性，需要在前面加前缀以便兼容对应的浏览器。

css3含义的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css3基础知识、css3含义的信息别忘了在本站进行查找喔。