Code ใส่ Effect ให้กับลิ้งรูปภาพ

Code ใส่ Effect ให้กับลิ้งรูปภาพ

สามารถกำหนดได้ 2 ลักษณะนะคับ

1.กำหนดลักษณะของภาพเริ่มต้น จะใช้
a img {...............}
2.กำหนดลักษณะของภาพหลังชี้ Mouse
a:hover img {...............}

สำหรับการกำหนดลักษณะภาพให้ปกติ คือ Filter: none

เว็บตัวอย่างที่มีให้

http://www.crazyprofile.com/rollover_effects/rollovereffects

Filter

Filter: Gray


Filter: Xray


Filter: Invert


Filter: Alpha(opacity=50)


Filter: Blur(Add = 0, Direction = 225, Strength = 10)


Filter: Wave(Add=0, Freq=10, LightStrength=20, Phase=220, Strength=10)


Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)


Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)

โค้ดที่จะนำไปวาง

<style type="text/css">


a:hover img {เลือกใส่เองเลยนะคับ}


</style>