如何为图像区域映射添加悬停效果
如何为图像区域映射添加悬停效果
提问于 2018-12-06 03:11:41
如何在下面的代码中添加特效？我是不是应该用javascript和css...Please来帮助我。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mapping Hover</title>
</head>
<body>
<style type="text/css">
#area1, #area2, #area3, #area4 {
opacity: 0.8;
transition: all .3s;
}
</style>
<div>
<img src="https://picsum.photos/300/300" width="300" height="300" usemap="#Map"/>
<map name="Map">
<area id="area1" shape="rect" coords="108,140,200,264" href="#">
<area id="area2" shape="rect" coords="9,140,101,264" href="#">
<area id="area3" shape="rect" coords="108,7,200,131" href="#">
<area id="area4" shape="rect" coords="8,7,100,131" href="#">
</map>
</div>
</body>
</html>
Html就在这里。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53639211
复制相关文章
相似问题