Rollover Image Effects

Rollover Image Effects

Image filters are a cool feature for profiles. When you hover over an image the filter will be applied.
The examples below show what the image will look like when hovered over.

- Motion Blur <STYLE>a:hover img {filter: Blur(Add = 1, Direction = 225, Strength = 10);}</STYLE>	- Alpha Channel <STYLE>a:hover img {filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);}</STYLE>
- Flip Vertically <STYLE>a:hover img {filter: FlipV;}</STYLE>	- Flip Horizontally <STYLE>a:hover img {filter: FlipH;}</STYLE>
- Grayscale <STYLE>a:hover img {filter: Gray;}</STYLE>	- Inverted Colors <STYLE>a:hover img {filter: Invert;}</STYLE>
- Wave <STYLE>a:hover img {filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10);}</STYLE>	- Xray <STYLE>a:hover img {filter: Xray;}</STYLE>
- Pixelate <STYLE>a:hover img {filter: progid: DXImageTransform.Microsoft.Pixelate(maxsquare=4);}</STYLE>	- Faded <STYLE>a:hover img {filter: alpha(opacity=30);}</STYLE>