css thumbnail

thumbnail in pure css

by Domenico Sgarbossa

HTML

<div id="container">    
     <img class="image" src="http://www.boorp.com/sfondi_gratis_desktop_pc/sfondi_gratis/sfondi_paesaggi_mare_montagna/verde_paesaggio.jpg">    
</div>

CSS

#container {height: 250px; width: 250px; overflow: hidden; position: relative;}
.image {
    vertical-align: middle;
    width: auto; 
    max-height: 100%; 
    max-width: 100%; 
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
}