Blur and transparency

Buy now  £29 Get support

Background image is blurred while magnifying.


40% transparency.


 
  1. <html>
  2.     <head>
  3.         <title>Magic Magnify: Blur and transparency</title>
  4.        
  5.         <!-- link to magicmagnify/magicmagnify.js file -->
  6.         <script src="magicmagnify/magicmagnify.js" type="text/javascript"></script>
  7.        
  8.     </head>
  9.     <body>
  10.        
  11.        
  12.         <div class="w50">
  13.             <p>Background image is blurred while magnifying.</p>
  14.             <p><a href="images/shoe_large.jpg" class="MagicMagnify" rel="blur:5"><img src="images/shoe_small.jpg"/></a></p><br/>
  15.         </div>
  16.         <div class="w50">
  17.             <p>40% transparency.</p>
  18.             <p><a href="images/shoe_large.jpg" class="MagicMagnify" rel="transparency:40%"><img src="images/shoe_small.jpg"/></a></p><br/>
  19.         </div>
  20.         <div class="clear">&nbsp;</div>
  21.  
  22.        
  23.     </body>
  24. </html>