c语言图片中心圆形扩散,纯css3实现圆形从中心向四周扩散动画效果

网上太多抄袭的demo，但是都没有很好的效果，所以自己实现了一个，留给需要的人，话不多说 直接上代码吧。

css3动画圆波扩散效果(红色预警demo)

@keyframes warn1 {

0% {

transform: scale(0.3);

-webkit-transform: scale(0.3);

opacity: 0.0;

}

25% {

transform: scale(0.3);

-webkit-transform: scale(0.3);

opacity: 0.1;

}

50% {

transform: scale(0.3);

-webkit-transform: scale(0.3);

opacity: 0.3;

}

75% {

transform: scale(0.5);

-webkit-transform: scale(0.5);

opacity: 0.5;

}

100% {

transform: scale(0.8);

-webkit-transform: scale(0.8);

opacity: 0.0;

}

}

.container {

position: relative;

width: 120px;

height: 120px;

margin: auto;

}

/* 产生动画(向外扩散变大)的圆