SUPER CODE ♡ V2

ลำดับตอนที่ #34 : - โค้ดชี้รูปภาพเปลี่ยนสี 6แนว สว่างเข้มจางขาวดำเบลอฯลฯ

Explain (.อธิบาย)

*สามารถปรับค่าตัวเลขได้ บริเวณที่คลุมสีแดงเอาไว้
** ยิ่งเพิ่มค่าตัวเลขมาก ยิ่งทำให้สีเข้ม หรือขางขี้นได้ (+)
** ยิ่งปรับค่าตัวเลขให้น้อย ยิ่งทำให้สิ่งอ่อนลง หรือ เข้มน้อยลง (-)

ปล. จริงไม่ควรนำไปปรับมากกว่านี้ เพราะเบทปรับไว้ให้พอเหมาะแล้ว
ปล.2 ถ้าใช้แล้วติดเครดิตด้วย เพราะเบทหามาและปรับค่าเอง 
 

 

ชี้รูปแล้วเข้มขึ้น+สว่างขึ้นเล็กน้อย

<style name="betty"  type="text/css"> img{-webkit-transition: 1.5s;-moz-transition:1.5s;} img:hover{-webkit-filter: saturate(3.8); /*betting-bet*/ -webkit-transition: 0.8s;-moz-transition:0.8s;} </style>

ชี้รูปแล้วสีโทนแปลก+ภาพดูคมขึ้น

<stylename="betty"  type="text/css"> img{-webkit-transition: 1.5s;-moz-transition:1.5s;} img:hover{-webkit-filter: contrast(2.8) saturate(0.8); /*betting-bet*/ -webkit-transition: 0.8s;-moz-transition:0.8s;} </style>

ชี้รูปแล้วจางลงบวกมีสำดำหม่นๆ

<style type="text/css"> img{-webkit-transition: 1.5s;-moz-transition:1.5s;}\ img:hover{-webkit-filter: invert(0.2) saturate(0.8); /*betting-bet*/ -webkit-transition: 0.8s;-moz-transition:0.8s;} </style>

ชี้รูปแล้วจางเป็นสีขาวๆ

<style name="betty" type="text/css"> img{-webkit-transition: 1.5s;-moz-transition:1.5s;} img:hover{-webkit-filter: opacity(0.3); /*betting-bet*/ -webkit-transition: 0.8s;-moz-transition:0.8s;} </style>

ชี้รูปแล้วเป็นสี เทา / ดำ

<style name="betty"  type="text/css"> img{-webkit-transition: 1.5s;-moz-transition:1.5s;} img:hover{-webkit-filter: grayscale(1); /*betting-bet*/ -webkit-transition: 0.8s;-moz-transition:0.8s;} </style>

ชี้รูปแล้วเบลอ

<style name="betty"  type="text/css"> img{-webkit-transition: 1.5s;-moz-transition:1.5s;} img:hover{-webkit-filter: blur(1px); /*betting-bet*/  -webkit-transition: 0.8s;-moz-transition:0.8s;} </style>