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.

<html>
<head>
<style>

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


</style>
</head>

<body>

<img src="MyImage.jpg"/>
<div>
</div>

</body>


</html>

Faded.

No comments: