【CSS3】设置动画播放方式
来源:互联网 发布:淘宝详情页尺寸多少? 编辑:程序博客网 时间:2024/05/21 19:48
animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率,简单点说就是动画的播放方式。
语法规则:
animation-timing-function:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*
它和transition中的transition-timing-function一样,具有以下几种变换方式:ease,ease-in,ease-in-out,ease-out,linear和cubic-bezier。对应功如下:
在调用move动画播放中,让元素样式从初始状态到终止状态时,先加速再减速,也就是渐显渐隐效果。
0 0
- 【CSS3】设置动画播放方式
- 【CSS3】设置动画播放方式
- 【CSS3】设置动画播放时间
- 【CSS3】设置动画播放次数
- 【CSS3】设置动画播放方向
- 设置动画播放方式
- 【CSS3】设置动画开始播放的时间
- 【CSS3】设置动画的播放状态
- jquery控制css3动画播放
- css3动画,设置动画基点
- 设置动画播放时间
- css3 事件触发动画 可重复播放
- CSS3两个动画顺序衔接播放
- Unity动画播放方式区别
- 【CSS3】设置动画时间外属性
- Acticle 15:css3动画小例子(幻灯片播放)
- css3 动画的播放、暂停和重新开始
- Android动画播放的常用方式
- string.h文件中函数的详细用法
- IOS 布局
- GDB调试
- 文章首发于我的个人博客:www.iamsuperman.cn。欢迎访问!
- response.setContentType与 request.setCharacterEncoding 区别
- 【CSS3】设置动画播放方式
- Java开发必会的Linux命令
- form表单提交数据编码方式和tomcat接受数据解码方式的思考
- Bluetooth
- 设计模式学习笔记——简单工厂模式
- View的事件分发机制分析
- 让Faster R-CNN支持TX1的fp16(half float, float16)特性
- 防微信聊天气泡图片实现
- Queue Java