css动画，css过度，js动画

1jQuery动画

语法a$(selector).animate(styles,options)

语法b$(selector).animate(styles,speed,easing,callback)

1css动画指的是css3

什么是 CSS3 中的动画？

动画是使元素从一种样式逐渐变化为另一种样式的效果。

CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。

2如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。

3Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animatio

4Chrome 和 Safari 需要前缀 -webkit-。

5注释：Internet Explorer 9，以及更早的版本，不支持 @keyframe 规则或 animation 属性。

6在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。

通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：

规定动画的名称

规定动画的时长

1css过度在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。

2Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。

3Safari 需要前缀 -webkit-。Chrome 25 以及更早的版本，需要前缀 -webkit-。

规定您希望把效果添加到哪个 CSS 属性上

规定效果的时长

transition: width 2s;

4如果时长未规定，则不会有过渡效果，因为默认值是 0。
5如需向多个样式添加过渡效果，请添加多个属性，由逗号隔开：

过渡属性

下面的表格列出了所有的转换属性：

 

属性	描述	CSS
transition	简写属性，用于在一个属性中设置四个过渡属性。	3
transition-property	规定应用过渡的 CSS 属性的名称。	3
transition-duration	定义过渡效果花费的时间。默认是 0。	3
transition-timing-function	规定过渡效果的时间曲线。默认是 "ease"。	3
transition-delay	规定过渡效果何时开始。默认是 0。	3

 

转载于:https://www.cnblogs.com/shenq/p/4937769.html