css实现图标闪烁

 

父层class设置outdiv

子层设置为blingbling 

.outDiv {
display: flex;
justify-content: center;
align-items: center;

.blingbling {
position: absolute;
-webkit-animation: scaleout 1.5s infinite ease-in-out;
animation: scaleout 1.5s infinite ease-in-out;

}

@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(1.0)
}

100% {
-webkit-transform: scale(1.1);
opacity: 0;
}

}

@keyframes scaleout {
0% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}

100% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0;

}

}

}