โค้ดแต่ง hi5 เจ้า !!

ลำดับตอนที่ #3 : ทำรูป เบลอๆ สารพัด

โค้ดเปลี่ยนรูปทุกรูปใน page มีหลายแบบลองไปใช้ดูคับ


แบบที่ 1 page เบลอๆ

<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>

************************************************************************************************************

แบบที่ 2 จะเปลี่ยนเป็นสีเทา

<style type="text/css">
 a:link img {filter:none;}
a:visited img {filter:none;} a:hover img {filter:gray;}
</style>

*************************************************************************************************************

แบบที่ 3 ด้านซ้ายไปขวา จากขวาไปซ้าย

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

*************************************************************************************************************

แบบที่ 4 อันนี้ต้องลองเอง

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

*************************************************************************************************************

แบบที่ 5 page ใส

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

*************************************************************************************************************

แบบที่ 6 ขาวดำ

 <style type="text/css">
a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;}
</style>

************************************************************************************************************

แบบที่ 7 เหมือน หิน
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>