css实现地图热点标识动画效果代码-html代码-BFW代码库

css实现地图热点标识动画效果代码

代码语言：html

所属分类：动画

代码描述：css实现地图热点标识动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

</head>

<body>

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
*html .clearfix{height:1%}


.map-service{position:relative;height:760px;background-color:#313439;}
.map-service-right{margin-left:414px;padding-top:60px}
.china-map{width:748px;height:618px;background:url(//repo.bfw.wiki/bfwrepo/image/60b80bb36c909.png) center no-repeat;position:relative;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);t.........完整代码请登录后点击上方下载按钮下载查看