关键就在下方几行代码
-----------html部分----------------
<div class="border">
<input type="text" placeholder="请输入内容">
</div>
----------css部分------------------
.border {
padding:6px
;
background: repeating-linear-gradient(135deg,transparent,transparent 3px,#2cc36b 3px,#2cc36b 8px
);
animation: shine 1s infinite linear
;
overflow: hidden
;
input {
border: 0
;
}
@keyframes shine {
0% {
background-position: -1px -1px
;
}
100% {
background-position: -12px -12px
;
}
}
}
