CSS3地图动态实例(圆圈向外扩散)

CSS3地图动态实例(圆圈向外扩散)_第1张图片

实例效果图

实例说明:在地图上定位多个不同的点,然后从点中央向外扩散光圈。

实例要点:主要考察CSS3中动画的使用

主要代码:




	
	地图
	


	

注意事项:

1.不同的点通过定位分散排布在地图上

2.每个点内存放着两个不同的隐藏点,隐藏点通过动画延时功能形成点扩散的动态效果

3.点外扩散的扩散圈由隐藏点的阴影构成,然后通过动画一点一点扩大

最后的话:

本文只是实现效果众多方法中的一种,如有更好方法,欢迎交流!

你可能感兴趣的:(CSS3)