博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
动画的timing-function比较
阅读量:6858 次
发布时间:2019-06-26

本文共 576 字,大约阅读时间需要 1 分钟。

animation-timing-function的参数:

属性

linear

动画从头至尾的速度是相同的

ease

默认,低速开始,加快,变慢结束

ease-in

动画以低速开始

ease-out

动画以词素结束

ease-in-out

动画以低速开始和结束

cubic-bezier(n,n,n,n)

在cubic-bezier函数中自己的值,可能是0-1

steps(n,start)

默认为end,动画帧之间跳跃步数

注:cubic-bezier即为贝兹曲线中的绘制方法 

         steps的设置都是针对两个关键帧之间的,而非是整个keyframes 

 

动画的timing-function比较

animation-timing-funtion属性比较

linear
ease
ease-in
ease-out
ease-in-out
贝兹曲线
cubic-bezier(0.0, 0.0, 1.0, 1.0)

 

转载于:https://www.cnblogs.com/minchao/p/6088749.html

你可能感兴趣的文章
RHEL6 某业务用户ulimit -a命令找不到
查看>>
oracle定时任务
查看>>
Chrome 错误代码:ERR_UNSAFE_PORT
查看>>
spring mvc4的日期/数字格式化、枚举转换
查看>>
阿里云服务器mysql修改编码问题
查看>>
算法生成N芒星
查看>>
StringTokenizer类的使用
查看>>
下载安装tomcat6.0
查看>>
基于正则的INI读写工具类,支持加密解密
查看>>
java中的native关键字
查看>>
Live555类结构
查看>>
java:快速文件分割及合并
查看>>
Windows下编程--模拟时钟的实现
查看>>
Flatten Binary Tree to Linked List
查看>>
破解TexturePacker加密资源
查看>>
IOS7开发~Images.xcassets
查看>>
硬盘助手写入文件的正确提取
查看>>
Java自定义Exception
查看>>
纯css3实现的竖形二级导航
查看>>
Oil Deposits 搜索 bfs 强联通
查看>>