css3动画学习笔记
2017-03-10 12:31
211 查看
具体学习地址:http://www.imooc.com/learn/33
CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property/当设置为all时,表示更改所有中点值的属性 /duration/设置过渡所需要的时间/ timing-function过渡函数,设置过渡的各种状态/ delay; animation: KeyframesName/关键帧,其内容可以设置根据百分比的增大而进行样式的变化.(Name属性必须跟Keyframes的属性保持一致)/ duration/CSS3动画播放时间/ timing-function/来设置动画播放方式 delay/用来定义动画开始播放的时间/ iteration-count direction/定义动画的播放次数。/direction/主要用来设置动画播放方向/ play-state/控制元素动画的播放状态。/ fill-mode/定义在动画开始之前和结束之后发生的操作/;
相关文章推荐
- CSS3学习笔记之loading动画
- css3动画学习笔记
- Css3学习笔记(六):动画
- CSS3学习笔记之立体线框球形动画
- HTML5+CSS3+JS学习笔记-13-CSS3过渡和CSS3动画
- [持续更新]CSS3学习笔记(二)渐变&圆角&阴影&变换&动画
- 【HTML5学习笔记】34:CSS3动画效果
- 黄聪:学习笔记: CSS3 鼠标悬停动画
- CSS3动画之animation属性学习笔记
- Silverlight4深蓝游戏开发学习笔记(一) 基础动画方式
- IPhone开发学习笔记:通过UIView实现动画效果
- jQuery学习笔记之jQuery的动画
- GreenSock动画平台学习笔记(4)LoaderMax-ImageLoader
- GreenSock动画平台学习笔记(5)Loadermax-SWFLoader
- JQuery学习笔记(4)JQuery中的事件和动画
- GreenSock动画平台学习笔记(一)TweenLite
- Flex学习笔记5——动画、滤镜的使用
- jQuery学习笔记之jQuery的动画
- Jquery学习笔记——动画
- OpenGL学习笔记:动画基本概念