THEXZ"?! ☂

ลำดับตอนที่ #14 : [๑๔] ชี้ภาพแล้วมันก็...เลื่อน

ชี้ภาพแล้วมันก็...เลื่อน 

ตัวอย่าง



โ้ค้ดฮะโค้ด 

<style type="text/css" name"BROWNIECHOCOCODE">

img {-webkit-transition:0.7s; /*ตัวปรับเวลา ของ chrome แก้เฉพาะตัวเลขนะเออ*/

-moz-transition:0.7s; /*ตัวปรับเวลา ของ หมาไฟ แก้เฉพาะตัวเลขนะเออ*/

-o-transition:0.7s;} /*ตัวปรับเวลา ของ opera(มั้ง ไม่แน่่วาสใช่โอเปอร์ราหรือป่าว เพราะว่ามันใช้ โออ่ะ) แก้เฉพาะตัวเลขนะเออ*/

img:hover{margin-left:3%; /*อันนี้เป็นเปอร์เซ็นว่า้เลื่อนไปใกล้เท่าไหน สามารถเปลี่ยน เป็น px แทน % ได้ และถ้าอยากให้เลื่อนบน ล่าง ซ้าย ให้เปลี่ยนจาก left เป็น 

top,bottom หรือ right แทน*/

}</style>

 

:)  Shalunla