Openlayers点闪烁扩散效果

点闪烁样式：

DOM的样式实现

/**橙色点扩散闪烁样式*/
.point_animation{
   
	background: #ff9900;
	width: 6px;
	height: 6px;
	border: 2px #ff9900 solid;
	border-radius: 50%;
	position: absolute;
}
.point_animation p, .point_animation span{
   
	position: absolute;
	width: 4px;
	height: 4px;
	animation: point_animation 1.5s  infinite;
	box-shadow: 0px 0px 1px #ff9900; 
	margin: 0px;
	border-radius: 50%;
}
.point_animation span{
   
	animation-delay: 0.8s;
}
@keyframes point_animation{
   
	10% {
   
		transform: scale(1);
	}
	100% {
   
		transform: scale(8);
	}
}
/**红色点扩散闪烁样式*/
.css_animation{
   
	height:50px; 
	width:50px;
	border-radius: 25px; 
	background: rgba(255, 0, 0, 0.9);
	transform: scale(0);
	animation: mypoint 3s;      
	animation-iteration-count: infinite