Free code ' Smile แจกฟรีโค้ดยิ้มๆ :D

ลำดับตอนที่ #1 : โค้ดชี้ที่รูปภาพแล้วค่อยๆจางย้ำ ! ค่อยๆจาง

ใช้โค้ด CSS ค่ะ (จะไม่แสดงผลบน Internet Explorer นะคะ)

<style type="text/css">

img {

opacity: 1;

transition: opacity เวลาs;

-moz-transition: opacity เวลาs;

-webkit-transition: opacity เวลาs;

-o-transition: opacity เวลาs;

}

img:hover {

opacity: ความจาง;

}

</style>

ตรงเวลาให้แก้เป็นเลขที่จะให้มันจางค่ะ เช่น 1s 2s ว่าไป ส่วนตรงความจาง ให้แก้เป็นทศนิยม 0.1 0.2 อะไรแบบนี้ค่ะ ตรงนี้ถ้าเลขยิ่งมากจะยิ่งจางน้อยค่ะ

 

 

 

ตัวอย่าง

 

 

 

มายใช้ 

 

<style type="text/css">

img {

opacity: 1;

transition: opacity 1s;

-moz-transition: opacity 2s;

-webkit-transition: opacity 1s;

-o-transition: opacity 2s;

}

img:hover {

opacity: 0.5;

}</style>

 

*ตัวอย่างที่ให้ไว้มายได้แก้ตรงเวลากับความจางเรียบร้อยแล้วนะคะ :D

 

B B