Create Resizable Images With CSS

Submitted by:Jhon Jhon

Date added:30 August, 2012

Category:CSS

CSS code to create resizable images With CSS

Tags: resizable image

Code Snippet:

# CSS Code:

.resize2 {
border: 3px double #333;
float: left;
height: 12em;
margin: .2em 1em 1em 0;
overflow: hidden;
width: 12em;
}

.resize2 img {
margin: -220px 0 0 -210px;
padding: 6em 0 0 6em;
}



# HTML Code:

<div class="resize2"><img src="image.jpg" alt="" /></div>
 
 

Comments