CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย
Moderator: mindphp, ผู้ดูแลกระดาน
-
M008
- PHP Hero Member
- โพสต์: 109
- ลงทะเบียนเมื่อ: 03/05/2013 10:44 am
โพสต์ที่ยังไม่ได้อ่าน
โดย M008 »
เป็นอีกเทคนิคหนึ่งที่ทำให้เว็บไซต์ดูมีความน่าสนใจมากยิ่งขึ้น คือ CSS Image Transparent เป็นการชี้เมาส์แล้วทำให้ภาพจางหรือมีสีที่เปลี่ยนไป ดังรูป
- Transparent.jpg (41.39 KiB) Viewed 2462 times
CSS :
โค้ด: เลือกทั้งหมด
.imgtransparent
{
opacity:1.0; /* ค่าความจาง */
filter:alpha(opacity=100); /* สำหรับ IE8 ขึ้นไป */
}
.imgtransparent:hover
{
opacity:0.4; /* ค่าความจาง */
filter:alpha(opacity=40); /* สำหรับ IE8 ขึ้นไป */
}
HTML:
โค้ด: เลือกทั้งหมด
<img class="imgtransparent" src="image.png"height="100" width="200" />
คำอธิบายรูปภาพ
src="ให้ใส่ที่อยู่รูปภาพที่ต้องการเข้าไป"
-
-
- 0 ตอบกลับ
- 1004 แสดง
-
โพสต์ล่าสุด โดย thatsawan
18/12/2015 5:05 pm
-
-
- 0 ตอบกลับ
- 21285 แสดง
-
โพสต์ล่าสุด โดย mindphp
30/12/2022 12:49 pm
-
-
- 2 ตอบกลับ
- 796 แสดง
-
โพสต์ล่าสุด โดย offing
23/04/2015 10:20 am
-
-
- 1 ตอบกลับ
- 1869 แสดง
-
โพสต์ล่าสุด โดย prmindphp
13/10/2022 12:29 pm
สมาชิกกำลังดูบอร์ดนี้: Majestic-12 [Bot] และบุคลทั่วไป 75