zoom-pseudo-image-ref.html (510B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <style> 4 .icon { 5 width: 200px; 6 height: 200px; 7 background-color: blue; 8 margin-right: 5px; 9 display: inline-block; 10 vertical-align: top; 11 } 12 13 .img-wrapper { 14 display: block; 15 width: 100px; 16 height: 100px; 17 background-color: purple; 18 } 19 20 .zoom { 21 zoom: 2; 22 } 23 </style> 24 <div class="icon"> 25 <div class="img-wrapper"> 26 <img src="/images/green.png"> 27 </div> 28 </div> 29 <div class="icon zoom"> 30 <div class="img-wrapper"> 31 <img src="/images/green.png"> 32 </div> 33 </div>