代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
height: 200px;
width: 200px;
background-color: red;
border-radius: 100%;
margin: 200px;
animation: twinkle 0.5s infinite alternate;
}
@keyframes twinkle {
0%{
opacity:.0.8;
}
100%{
opacity:0;
}
}
</style>
</head>
<body>
<div id="div"></div>
</body>
<script>
</script>
</html>
运行效果
不断闪烁