PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >CSS3特效 >css3的世界地图区域划分高亮显示特效

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

2018-01-22 来源/作者:php中文网 分类:CSS3特效 «» 下载次数:4
css3的世界地图区域划分高亮显示特效

<link rel="stylesheet" href="assets/css/bootstrap.css?3.1.50"/>
<link rel="stylesheet" href="assets/css/custom.css?3.1.50"/>
<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;
}
}

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


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: