Friday, 7 November 2008

Fade Images Even When You Don't Have Access To PhotoShop

This is a little piece of cobbled together code, that I created when I didn't have access to any decent image editing software. I wanted to fade an image to use as background, hard with just Paint!
This is a rough and ready solution.

It uses HTML and CSS opacity property, which I can then screen grab and crop.

Edit the property values as appropriate.


div {
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 1000px;
opacity: 0.5;
filter: alpha(opacity=50);
background: white;



<img src="MyImage.jpg"/>




No comments: