We_

"HTML Images And Tricks"

`°´ Adding Images to Your Page `°´

°Adding Image° °The Image Tag and the Src Attribute°
<img src="Your Image URL">

°More Info About°

°Control Size of Image°
<img src="Your Image URL" width="100" height="100">

°Image Borders°
<img style="border:Your Color 4px SOLID" src="Your Image URL">

°More Examples of Image Usage °

Firefox doesn't support following 'Filters'

°Transparent Image°
<img src="Your Image URL" style="filter: alpha(opacity=50)">

°Circle Transparent Image°
<img src="Your Image URL" style="filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)">

°Emboss Image°
<img src="Your Image URL" style="filter: progid:dximagetransform.microsoft.emboss">

°Engrave Image°
<img src="Your Image URL" style="filter: progid:dximagetransform.microsoft.engrave">

°Grayscale Image°
<img src="Your Image URL" style="filter:gray;">

°X-Ray Image°
<img src="Your Image URL" style="filter:xray()">

°Invert Image°
<img src="Your Image URL" style="filter:Invert">

°Blur°
<img src="Your Image URL" style="filter: Blur(Add = 0, Direction = 225, Strength = 10)">

°Motion Blur°
<img src="Your Image URL" style="filter: progid:DXImageTransform.Microsoft.MotionBlur(Strength=10, Direction=225, Add=true)">

°Wave°
<img src="Your Image URL" style="filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)">

°Pixelate°
<img src="Your Image URL" style="filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=5)">

°Vertical Flip Image°
<img src="Your Image URL" style="filter:flipv">

°Horizontal Flip Image°
<img src="Your Image URL" style="filter:fliph">

◙ ◙ ◙ ◙ ◙ ◙ ◙ ◙ ◙ ◙ ◙

◙ ◙ ◙ ◙ ◙ ◙ ◙ ◙ ◙ ◙ ◙