效果图
图标名字自行替换
<div class="ri-animation-border">
<i class="download-2-line" />
</div>
代码
.ri-animation-border {
width: 16px;
height: 18px;
overflow: hidden;
position: relative;
}
.animation-icon {
position: absolute;
animation: motion 1.5s linear infinite;
}
@keyframes motion {
0% {
top: -20px;
}
100% {
top: 16px;
}
}