/ Published in: CSS

Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<p class="crop"><a href="http://templatica.com" title="Css Templates"><img src="img.jpg" alt="css template" /></a></p> .crop{ float:left; margin:.5em 10px .5em 0; overflow:hidden; /* this is important */ border:1px solid #ccc; } /* input values to crop the image: top, right, bottom, left */ .crop img{ margin:-20px -15px -40px -55px; }
URL: http://cssglobe.com/post/6089/3-easy-and-fast-css-techniques-for-faux-image
Comments
