openlayers3线段添加闪烁_Openlayers实现点闪烁扩散效果

本文实例为大家分享了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);

}

}

/**红色点扩散闪烁样