CSS控制div延时

最新推荐文章于 2024-04-13 13:44:28 发布

苍羽

最新推荐文章于 2024-04-13 13:44:28 发布

阅读量3.6k

点赞数

分类专栏：网页特效

网页特效专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!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>

参考：http://www.w3school.com.cn/cssref/pr_animation-delay.asp

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

苍羽

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
CSS控制div延时

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-del
复制链接

扫一扫