css3 animation-play-state属性笔记

原创 PHP笔记  2017-09-19 17:55  阅读 821 views 次

在css中,animation--play-stat属性指定动画是否正在运行或已暂停(注意:在JavaScript中使用该属性是在一个周期中暂停动画)。

animation--play-stat属性值

  • paused:指定暂停动画;
  • running:指定正在运行的动画。

语法格式:

animation-play-state: paused / running;

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css animation-play-state属性笔记</title>
<style>
#aps
{
width:250px;
height:150px;
background:red;
position:relative;
animation:mymove 5s;
animation-play-state:paused;
}
@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
</style>
<head/>
<body>
<div id="aps"></div>
</body>
</html>

运行结果:

动画简写属性——>css3 animation动画属性笔记

本文地址:https://www.ggbiji.com/css-animation-play-state.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情