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

<style type=”text/css”> 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 type=”text/css”> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>

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

<style type=”text/css”> a:hover img {filter:fliph;} </style>

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

<style type=”text/css”> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>

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

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

อันนี้ต้องไปลองเอง บอกไม่ถูกว่าเป็นยังไง -_-

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

Related posts:

1. โค้ดhi5 สำหรับใส่กรอบโปรไฟล์ของตัวเองให้สวยงาม
2. ส่งภาพการท่องเที่ยวพร้อมคำบรรยายเข้าร่วมสนุก ลุ้นเที่ยวฟรี 10 ท่าน
3. เกมส์แข่งรถ
4. Asus และ Disney เอาใจเด็ก ๆ ด้วยการออกแบบ Netbook EEEPC ร่วมกัน

Related posts brought to you by Yet Another Related Posts Plugin.