JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div id="zornet_ru_gedsa">
     <h2>Всплывающая иконка зума при наведении</h2>
     <a href="http://zornet.ru">
         <span></span>
         <img src="http://zornet.ru/Ajaxoskrip/Aabger/9i0ngp.png" alt="" />
     </a>
     <a href="http://zornet.ru">
         <span></span>
         <img src="http://zornet.ru/Ajaxoskrip/Aabger/9i0ngp-7.jpg" alt="" />
     </a>
 </div>

CSS

#zornet_ru_gedsa {width:100%; overflow:hidden;}
#zornet_ru_gedsa a {position:relative; float:left; margin:5px;}
#zornet_ru_gedsa a span { display:none; background-image:url(http://zornet.ru/Ajaxoskrip/Aabger/zoom.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; left:15px; top:15px;}
#zornet_ru_gedsa img { border: solid 1px #999; padding:5px;} 
#zornet_ru_gedsa a:hover span { display:block;}