<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#test{
padding:5px;
width: 120px;
border: 2px solid red;
}
#test.active{
animation: shake .2s 3;
}
@keyframes shake {
0%{
padding:5px;
}
50%{
padding-left: 30px;
}
100%{
padding:5px;
}
}
</style>
<script>
(()=>{
setTimeout(()=>{
document.getElementById('test').className='active'
},1000);
})();
</script>
</head>
<body>
<text id='test'>请阅读隐私协议</text>
</body>
</html>
扫一扫
10-31
1888
1888
10-31
3623
3623
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
