CSS动画animation属性整理

news/2024/7/24 5:07:38 标签: css, 动画, 前端, html
htmledit_views">

1.animation-name

animation-name属性:为 @keyframes html" title=动画>动画规定名称。

2.animation-duration

animation-duration属性:完成一个html" title=动画>动画周期所需要的时间。

3.animation-timing-function

animation-timing-function属性:规定html" title=动画>动画的速度曲线

常用属性:

ease        默认。html" title=动画>动画以低速开始,然后加快,在结束前变慢。

ease-in        html" title=动画>动画以低速开始。

ease-out        html" title=动画>动画以低速结束。

ease-in-out        html" title=动画>动画以低速开始和结束

cubic-bezier(n,n,n,n)        在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。

4.animation-delay

animation-delay属性:定义html" title=动画>动画何时开始 。

5.animation-iteration-count

animation-iteration-count属性:设置html" title=动画>动画播放次数。

常用属性:

infinite        无限次数轮播

n        播放n次

6.animation-direction

animation-direction属性:设置html" title=动画>动画是否反向播放,对只播放一次的html" title=动画>动画该属性无效。

常用属性:

normal        默认值html" title=动画>动画正常播放

alternate        html" title=动画>动画轮流反向播放 

7.animation

animation属性:简写属性,用于设置6个html" title=动画>动画属性分别是

animation-name        为 @keyframes html" title=动画>动画规定名称

animation-duration        完成一个html" title=动画>动画周期所需要的时间

animation-timing-function        

animation-delay        定义html" title=动画>动画何时开始

animation-iteration-count        设置html" title=动画>动画播放次数

animation-direction        设置html" title=动画>动画是否反向播放


http://www.niftyadmin.cn/n/109287.html

相关文章

3.1 模拟栈+表达式求值

模拟栈 题目链接 栈的数组模拟非常简单&#xff0c;不详细描述 设置一个指针指向栈顶第一个元素即可 STL中stack实现已经更新在STL_Stack #include<iostream> #include<string>using namespace std;const int N1e51; int m; string s; int stack[N]; int p;//指针…

【吃透Js】深入学习浅拷贝和深拷贝

一、JavaScript数据类型原始类型对象类型二、原始类型和对象类型的区别1.原始类型2.引用类型3.复制4.比较5.值传递三、浅拷贝概念实现方法四、深拷贝概念五、浅拷贝、深拷贝和赋值的区别浅拷贝和赋值六、小结想要真正搞明白深浅拷贝&#xff0c;你必须要熟练掌握赋值、对象在内…

华为OD机试题【合并数组】用 C++ 进行编码 (2023.Q1)

最近更新的博客 华为od 2023 | 什么是华为od,od 薪资待遇,od机试题清单华为OD机试真题大全,用 Python 解华为机试题 | 机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为od机试,独家整理 已参加机试人员的实战技巧文章目录 最近更新的博客使用说明合并数…

3.ffmpeg命令行环境搭建、ffmpeg命令行初步了解

在上章,我们讲过: ffmpeg.exe: 主要用于转码或者剪切的应用程序, 也可以从url/现场音频/视频源抓取输入源ffplay.exe: 主要用于播放视频的应用程序,该应用程序源码是开源的,我们后面章节会去源码分析ffprobe.exe: 主要用于分析视频码流的应用程序, 可以获取媒体文件的详细信息,…

VMware 虚拟机硬盘扩容

虚拟机硬盘扩容&#xff1a; 1.虚拟机关机&#xff0c;选择编辑虚拟机&#xff0c;点击硬盘&#xff0c;再点击扩容 2.输入最大磁盘大小 3.点击扩展后开机 注&#xff1a;如果扩容不了&#xff0c;把创建的快照删掉即可进行扩容&#xff0c;扩容好后建议先创建好快照在进行操作…

Java 对象

Java对象是Java语言中最重要的概念之一&#xff0c;它允许开发人员将数据和方法组合在一起&#xff0c;创建具有自己行为和状态的实体。本文将详细介绍Java对象的概念、特性以及在实际工作中的应用。 Java对象的概念和特性 在Java中&#xff0c;对象是类的实例。类是一个定义…

Android应用启动时白屏或者黑屏处理办法

老生常谈的问题了&#xff0c;随便记录一下吧。通过设置主题来防止白屏或者黑屏一般情况下&#xff0c;启动页面通常是全屏的&#xff0c;而且会用一张图片来展示用户打开应用程序后第一眼看到的界面。在手机中点击应用程序的图标到应用程序显示完MainActivity的视图这个过程中…

RocketMQ的一些使用理解

1.RocketMQ的生产者生产负载策略&#xff08;3种&#xff09; (1)SelectMessageQueueByHash &#xff08;一致性hash&#xff09; (2)SelectMessageQueueByMachineRoom &#xff08;机器随机&#xff09; (3)SelectMessageQueueByRandom &#xff08;随机&#xff09; 第1种一…