CSS: resize background images #CSS

Oscar Brito


background-size is not very well known, yet! It can be very useful, take a look:




.divhide-bg {
background: url(http://site.divhide.com/assets/img/logo/divhide_128px.png);
margin:10px;
}

.divhide128px {
background-size:128px;
width:128px;
height:128px;
}


.divhide32px {
background-size:32px;
width:32px;
height:32px;
}

Browser support has grown of late, with the current versions of most popular browsers now supporting background-size, including Firefox, Safari, Chrome, Internet Explorer and Opera, without the need for vendor prefixes.
LINK:
http://www.css3.info/preview/background-size/



Visit www.divhide.com for more informations, contacts and news about Web Development.
See other blog posts at blog.divhide.com.



Divhide purpose is to follow the HTML5 movement and contribute with applications which prove the quality of technology.


Feel free to contact divhide.