tcrm'.

ลำดับตอนที่ #4 : 3rd - ชี้ภาพแล้ว..(fx) .2

ชี้ภาพแล้ว...

ใดๆล้วนแล้วเพิ่มเติมอีกหลายกระบวนท่า

ขี้เกียจแล้วข่ะ

ชี้ภาพแล้วซีเปีย (ver.edit)

<style name="captain" type="text/css">img{filter:sepia(0%);-webkit-filter: sepia(0%);-moz-filter:sepia(0%);-webkit-filter(0);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;} img:hover{filter:sepia(100%);-webkit-filter:sepia(100%);-moz-filter:sepia(100%);-webkit-filter(1);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;}</style>

ชี้ภาพแล้วเป็น 3D
<style id="วีไอพีโค้ดสองพัน" type="text/css">img{-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;transition: all 0.6s linear;}img:hover {-webkit-transition:1.5s;-webkit-filter: hue-rotate(360deg);-moz-filter: hue-rotate(360deg);}</style>
ชี้ภาพแล้วใหญ่ขึ้น
<style name="captain" type="text/css"> img:hover{ -webkit-transform:scale(1.1); transform:scale(1.1); } img:hover{ overflow:hidden; } img{ -webkit-transition: all 1.0s ease; transition: all 1.0s ease; } </style>
เล็กลง<style name="captain" type="text/css"> img:hover{ -webkit-transform:scale(0.9); transform:scale(0.9); } img:hover{ overflow:hidden; } img{ -webkit-transform:scale(1.0); transform:scale(1.0); -webkit-transition: all 1.0s ease; transition: all 1.0s ease; }</style>
credit ; โค้ดแมว, vip2000

G A Z ' V . 2