Image Effects

Place An Image

Place an image on a page

<img src="URLHERE">

Image with Border

Images with a border around them

<img style="border:BLACK 1px SOLID" src="URLHERE">

Image with Background

Coloured background behind an image

<img style="border:BLACK 1px SOLID" src="URLHERE">

Control Size of Image (Distorts Image)

Resize an image to the size you want

<img src="URLHERE" width="10" height="10">

Emboss Image

Make an image look embossed using the Emboss effect

<img src="URLHERE" style="filter:progid:dximagetransform.microsoft.emboss">

Engrave Image

Make an image look engraved

<img src="URLHERE" style="filter:progid:dximagetransform.microsoft.engrave">

Grayscale Image

Make an image look black and white

<img src="URLHERE" style="filter:gray;">

X-Ray Image

An X-Ray effect for your images

<img src="URLHERE" style="filter:xray()">

Horizontal Flip Image

Flip an image horizontally

<img src="URLHERE" style="filter:fliph">

Vertical Flip Image

Flip an image vertically

<img src="URLHERE" style="filter:flipv">

Transparent Image

Control the transparency and opacity of an image

<img src="URLHERE" style="filter:alpha(opacity=50)">