0
点赞
收藏
分享

微信扫一扫

css 元素跳动代码

英乐 2023-03-05 阅读 116


代码示例:

<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.scroll{
position:absolute;
animation:1s arrow infinite ease;
}
@keyframes arrow {
0%,100% {
top:50px;
}
50% {
top:200px;
}
}
</style>
</head>
<body>
<b class="scroll">滑动鼠标滚轮</b>
</body>
</html></span>



以上代码会控制<b> 标签中元素上下跳动,若将 top  改为 left  则是左右跳动。


举报

相关推荐

CSS跳动文字

【CSS】跳动文字

纯css实现阴影跳动

前端CSS实现跳动的文字

css元素类型

Css 伪元素

0 条评论