css⼩圆点动画实现闪烁功能在做项⽬的过程中碰到这样的需求，记录⼀下样式的写法。
<div class='round'></div>
.round {
width: 6px;
老人的祝福语height: 6px;
border-radius: 50%;
margin-right: 10px;
background-color: #ff4d4f;
position: relative;
婚姻登记证}
.round-flicker:before,
.
round-flicker:after {
content: '';
width: 100%;
金鹏展翅height: 100%;
position: absolute;
left: 0;
top: 0;
border: 1px solid rgba(255, 77, 79, 0.5);
border-radius: 50%;
animation: warn 1.2s ea-out 0s infinite; //添加动画
}
@keyframes warn {
你的美0% {
transform: scale(0.5);
opacity: 1;
}
普法宣传的内容25% {
春雨如油
transform: scale(1);
opacity: 0.75;
}
50% {
transform: scale(1.5);
opacity: 0.5;
}
75% {
transform: scale(2);
opacity: 0.25;
}
100% {
transform: scale(2.5);
opacity: 0;
}丹参用量多少克
}
实现效果
>描写声音的句子
