动态缩放img w /悬停状态？

是否有可能去把一个动态缩放图像：动态缩放img w /悬停状态？

 background: url(img.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;

到的东西，有个别翻车/悬停状态/按钮，与图像缩放？

要延长像这样的功能： http://davidjbradshaw.com/imagemap-resizer/example/ 因此，如果您是一个国家在它悬停将执行你的CSS动画hover？

来源

2015-01-12 CutHere

试图找出一个解决方案出来，发现[这一点，所以复制（http://stackoverflow.com/questions/12661124/的div如何应用悬停在HTML区域标签）看看第二个答案。 – Billy

希望能通过images/div和NOT canvas/vector/.SVG实现 - 这可以通过svgs完成，但是可以通过IMG完成吗？ – CutHere

我认为我们需要更多的代码。在全尺寸下，悬停状态是什么/哪里？ – Slime

你可以在它上面做无形的div，我用像素做了它，它似乎工作o.k.但我不知道跨浏览器。你最好花一些时间，并用％来做。你可以添加的onclick是像一个区域地图

img{position:absolute;top:50px;left:50px;} 
 
div{min-width:200px;min-height:100px;position:absolute;} 
 
#map1{top:50px;left:50px;} 
 
#map2{top:150px;left:50px;} 
 
#map1:hover{background-color:rgba(255,0,0,0.4);} 
 
#map2:hover{background-color:rgba(0,255,0,0.4);}

<img src="http://lorempixel.com/200/200" width="200" height="200" /> 
 
<div id="map1"></div> 
 
<div id="map2"></div>

来源

2015-01-12 19:19:15 Billy

动态缩放img w /悬停状态？

回答

相关问题