Create Resizable Images With CSS

Submitted by:Jhon Jhon

Date added:30 August, 2012


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>