Untitled

<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:200px;
height:180px;
background-color:#fb3;
border:1px solid black;
}
div#div2
{
background: #58a;
background-image: repeating-linear-gradient(30deg,
hsla(0, 0%,100%, .1),
hsla(0,0%,100%, .1) 10px,
transparent 0, transparent 20px,
hsla(0,0%,100%, .1) 20px,
hsla(0,0%,100%, .1) 30px,
transparent 0, transparent 40px
);
animation: shine 2s infinite linear;
}

@keyframes shine {
    0% { background-position: 0px 0px;}
    100% { background-position: 200px 0px;}
}
</style>
</head>
<body>


<div id="div2"> div 2元素</div>

</body>
</html>