ห้องCoDeของฮานะ

ลำดับตอนที่ #121 : รวมชี้ลิ้งค์ 2

แบบที่ 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>