javascript - how can i restrict that image dont resize more than a particular limit -
i have used effect.scale property image goes on resizing without anylimit.
suppose remove mouse image in between time image scales full percentage specified , again keep mouse cursor on there..... again grows bigger.. downscaling much.
how can prevent it? please me out
<img src="test.gif" id="test"alt="online test portal" style="position:absolute;top:935.5px;left:300px" title="online test portal" onmouseover= "new effect.scale('test', 150,{scalex: true, scaley: true}); return false;" onmouseout="new effect.scale('test', 66.67,{scalex: true, scaley: true}); return false;" />
you pure css.
img { transition: .2s linear; } img:hover { transform: scale(1.1); }
Comments
Post a Comment