โค๊ดภาพเบรอ เมื่อเอาเมาส์ชี้ที่รูปจะเป็นปกติ

เปลี่ยนรูปทุกรูปในpageให้เบลอๆ เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ

 <style>a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>

เมื่อเอา mouse ชี้รูปจะเปลี่ยนเป็นสีเทา เอา mouse ออกจะเป็นปกติ

 <style>a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>


เมื่อเอา mouse ชี้จะเปลี่ยนรูปจากด้านซ้ายไปขวา 

<style>a:hover img {filter:fliph;} </style>

ทำให้ภาพเป็นขาวดำ  เมื่อเอาเม้าชี้ จะเป็นปกติ

<style> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>

รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ

<style>a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>

ชี้แล้วนูน

<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>

<style> a:link img {filter:progid:dximagetransform.microsoft.emboss;} a:visited img {filter:none;} a:hover img {filter:none;} </style>


Engrave on Mouseover - ภาพแบบตรงข้ามกะ EMBOSS อ่ะ เรียกไม่ถูก - -*

<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.engrave;} </style>


Engraved with Normal on Mouseover
<style> a:link img {filter:progid:dximagetransform.microsoft.engrave;} a:visited img {filter:progid:dximagetransform.microsoft.engrave;} a:hover img {filter:none;} </style>


Invert Colors on Mouseover

<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;} </style>

Inverted Colors with Normal on Mouseover

<style> a:link img {filter:invert;} a:visited img {filter:invert;} a:hover img {filter:none;} </style>


X-ray on Mouseover - เม้าท์ชี้จะเป็นดำ ๆ เหมือนเอ็กซ์เรย์

<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();} </style>


X-rayed with Normal on Mouseover

<style> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>


Transparent on Mouseover - เม้าท์ชี้แล้วจะจาง

<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:alpha(opacity=60);} </style>


Transparent with Normal on Mouseover - จาง เม้าท์ชี้แล้วจะชัด

<style> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>