Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >css animation-delay属性怎么用
css animation-delay属性怎么用
- 藏色散人asal
- 2019-05-29 09:11:413619semak imbas
css animation-delay属性定义动画什么时候开始，基本语法为：animation-delay: time。其中time值以秒（s）或毫秒（ms）计时；允许负值。
css animation-delay属性怎么用？
animation-delay 属性定义动画什么时候开始，基本语法为：animation-delay: time。其中time值以秒（s）或毫秒（ms）计时；允许负值，例：-2s 使动画马上开始，但跳过 2 秒进入动画。
作用：animation-delay 属性定义动画何时开始。animation-delay 值以秒或毫秒计。
语法：
animation-delay: time;
说明：time 可选。定义动画开始前等待的时间，以秒或毫秒计。默认值是 0，允许负值，例：-2s 使动画马上开始，但跳过 2 秒进入动画。
注释：Internet Explorer 9 以及更早的版本不支持 animation-delay 属性。
css animation-delay属性 示例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove 5s infinite;
animation-delay:2s;
/*Safari and Chrome*/
-webkit-animation:mymove 5s infinite;
-webkit-animation-delay:2s;
}
@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:200px;}
}
</style>
</head>
<body>
<p><strong>注释：</strong>Internet Explorer 9 以及更早的版本不支持 animation-delay 属性。</p>
<div></div>
</body>
</html>效果输出：
Atas ialah kandungan terperinci css animation-delay属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css margin属性怎么用Artikel seterusnya：css animation-direction属性怎么用