原生js的animate方法
程序员文章站
2022-03-16 18:58:28
...
之前学习的时候，看到animate方法就想到了jQuery,习惯了,以为animate就是属于jQuery。今天发现不是，至少不是jQuery的专属品，请看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="animate-test">animate-test</div>
<script>
document.getElementById("animate-test").animate([
{ transform: 'translateX(0px)' },
{ transform: 'translateX(300px)' }
], {
duration: 3000,
iterations: Infinity
});
</script>
</body>
</html>向大家推荐一个网站,笔者很多东西都是在这上面学的
上一篇： css3 @keyframes 动画
下一篇： jquery动画效果之回调