css3循环播放属性,详细介绍CSS3中animation-direction属性

CSS3 animation-direction 属性，CSS 参考手册实例先执行一遍动画，然后再反向执行一遍动画。检索或设置对象动画在循环中是否反向运动

实例

先执行一遍动画，然后再反向执行一遍动画：!DOCTYPE html>

注意：Internet Explorer 9 及其之前的版本不支持 animation-direction 属性。

浏览器支持

Internet Explorer 10、Firefox 和 Opera 支持 animation-direction 属性。

Safari 和 Chrome 支持另一个可替代该属性的属性，即 -webkit-animation-direction 属性。

注意：Internet Explorer 9 及其之前的版本不支持 animation-direction 属性。

定义和用法

animation-direction 属性定义是否循环交替反向播放动画。

注意：如果动画被设置为只播放一次，该属性将不起作用。

【相关推荐】

1. 分享一个监听css3动画(animation)结束事件实例

2. 必须掌握的CSS3动画(Animation)的8大属性

3. 利用animation属性实现循环间的延时执行实例教程

4. 详解css3中两种暂停方式(transition、animation)

css3循环播放属性,详细介绍CSS3中animation-direction属性相关推荐

html中scale布局,详细介绍css3的transform中scale缩放
css即层叠样式表.在网页制作时采用层叠样式表技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制.今天小编要给大家分享一篇教程,那就是:详细介绍css3的transform中s ...
java中的static属性详细介绍
标题 java中static属性详细介绍类的生命周期代码块静态代码块: 静态方法静态属性和非静态属性的区别: 使用static的注意事项继承关系中静态和非静态的关系普通代码块和构造代码块区 ...
［转]详细介绍java中的数据结构
详细介绍java中的数据结构本文介绍的是java中的数据结构,本文试图通过简单的描述,向读者阐述各个类的作用以及如何正确使用这些类.一起来看本文吧! 也许你已经熟练使用了java.util包里面的各 ...
python or的用法_详细介绍Python中and和or实际用法
and 和 or 的特殊性质在Python 中,and 和 or 执行布尔逻辑演算,但是它们并不返回布尔值:而是,返回它们实际进行比较的值之一.下面来看一下实例.>>> 'a' a ...
mask属性是css3的吗_CSS mask-image属性详细介绍(小结)
CSS mask遮罩属性的历史非常久远了,远到比CSS3 border-radius等属性还要久远,最早是出现在Safari浏览器上的,差不多可以追溯到09年. 不过那个时候,遮罩只能作为实验性的属性 ...
python 偏函数_详细介绍Python中的偏函数
机器学习实战之Logistic回归本文来自云栖社区官方钉群"Python技术进阶",了解相关信息可以关注"Python技术进阶". 本系列教程特点: 基于&l ...
【转载】详细介绍Flex中操作XML
一在介绍Flex中操作XML之前,首先简单介绍下XML中的基本术语. 元素:XML中拥有开始标签和结束标签的这一块称为"元素" 节点:把XML元素与文本结合起来统称为节 ...
php中sisson用法,详细介绍php中session的用法
PHP中的session默认情况下是使用客户端的Cookie.当客户端的Cookie被禁用时,会自动通过Query_String来传递. Php处理会话的函数一共有11个,我们详细介绍一下将要用到几个 ...
详细介绍MySQL中的数据类型
MySQL数据类型精讲 1.MySQL中的数据类型常见数据类型的属性,如下: 2.整数类型 2.1 类型介绍整数类型一共有 5 种,包括 TINYINT.SMALLINT.MEDIUMINT.IN ...
如何查看 el-form-item 的prop属性_PHP 7.4中的类型属性（Typed Properties）
php中文网最新课程每日17点准时技术干货分享在PHP 7.4中添加了类型属性,并对PHP的类型系统进行了重大改进.这些更改是完全可选的,并且不破坏以前的版本. 在这篇文章中,我们将深入了解这个特 ...

css3循环播放属性,详细介绍CSS3中animation-direction属性

css3循环播放属性,详细介绍CSS3中animation-direction属性相关推荐

最新文章

热门文章