css3+html5世界地图区域划分高亮显示特效

<link rel="stylesheet" href="assets/css/bootstrap.css"/>
<link rel="stylesheet" href="assets/css/custom.css"/>
<style type="text/css">
@media screen and (max-width: 320px) {
#map_base svg {
height: 100px;
}
}

@media screen and (max-width: 400px) and (min-width: 321px) {
#map_base svg {
height: 134px;
}
}

@media screen and (max-width: 480px) and (min-width: 401px) {
#map_base svg {
height: 170px;
}
}

@media screen and (max-width: 568px) and (min-width: 481px) {
#map_base svg {
height: 210px;
}
}

@media screen and (max-width: 685px) and (min-width: 569px) {
#map_base svg {
height: 252px;
}
}

@media screen and (max-width: 767px) and (min-width: 686px) {
#map_base svg {
height: 310px;
}

html5+css3世界地图区域划分高亮显示特效是一款鼠标移动到地图区域划分块上，该区域高亮显示代码。