ให้เรตสมาชิก: 4 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งาน
 

Opacity (โอพาซิตี้)  คืออะไร? 

ค่า Opacity คือค่าความทึบแสง หรือความโปร่งแสงของภาพ 

ยิ่งเราปรับค่า Opacity ให้ต่ำลงเท่าใด ภาพก็จะยิ่งทึบมากขึ้นเท่านั้น 

เช่น เราปรับค่า Opacity ให้เป็น 0.2 ภาพที่แสดงออกมา ก็จะทึบแสงมากกว่าการปรับค่า Opacity ให้เป็น 0.5

ตัวอย่าง 

ภาพการปรับค่า Opacity ให้เป็น 0.5
ภาพการปรับค่า Opacity ให้เป็น 0.2
จะเห็นได้ว่า การที่เราปรับค่า Opacity ให้ต่ำลงมากเท่าใด ภาพก็จะจางลงมากเท่านั้น 
ตัวอย่าง Code (โค้ด) การปรับค่า opacity
<head>
<style>
img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
</style>
</head>
<body>

<h1>Image Transparency</h1>
<p>The opacity property is often used together with the :hover selector to change the opacity on mouse-over:</p>
<img src="/test/test1.jpg" alt="Forest" width="170" height="100">


<p><b>Note:</b> In IE, a !DOCTYPE must be added for the :hover selector to work on other elements than the a element.</p>

</body>
</html>

 

Reference : W3School. "CSS" [ออนไลน์]. เข้าุถึงได้จาก https://www.w3schools.com/css/ [2 พฤศจิกายน 2560]

อ้างอิงภาพ : www.google.com

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
พอจะมีวิธีทำ dropdown จังหวัดแบบไม่ต้องดึงจากฐานข้อมูล
โดย eange08 จ 18 ม.ค. 2021 10:12 pm บอร์ด Programming - PHP
2
9
จ 18 ม.ค. 2021 11:07 pm โดย mindphp
สอบถามเกี่ยวกับ api ของกรมอุตุนิยม
โดย eange08 จ 18 ม.ค. 2021 10:10 pm บอร์ด Programming - PHP
2
8
จ 18 ม.ค. 2021 11:04 pm โดย mindphp
เอาโฟล์เดอร์ออกยังไงครับ
โดย chakirin.bfds จ 18 ม.ค. 2021 3:26 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
20
จ 18 ม.ค. 2021 3:45 pm โดย chakirin.bfds
5 เหตุผลที่ควรจ้างบริษัทรับทำ SEO สำหรับธุรกิจของคุณ !
โดย totheworld จ 18 ม.ค. 2021 2:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
จ 18 ม.ค. 2021 2:34 pm โดย totheworld
ทางฝุ่น ขรุขระ ลุยไหนลุยกันกับ ยางรถยนต์ 4x4 คุณภาพสูงที่ออกแบบมาให้ถูกใจสายลุย
โดย unyana จ 18 ม.ค. 2021 11:38 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
จ 18 ม.ค. 2021 11:38 am โดย unyana
สอบถามคำสั่งดึง IPV6
โดย eange08 จ 18 ม.ค. 2021 11:09 am บอร์ด Programming - PHP
1
21
จ 18 ม.ค. 2021 1:37 pm โดย mindphp
G - สรุปปัญหาการใช้งาน php odbc และ sql server บน ubuntu
โดย tsukasaz ส 21 ก.พ. 2015 2:52 pm บอร์ด Programming - PHP
1
5
อ 22 ก.พ. 2015 2:09 am โดย mindphp
สอบถามคำศัพท์เทคนิค Droplet คืออะไร
โดย Kannaphat ศ 15 ม.ค. 2021 6:16 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
27
อ 17 ม.ค. 2021 4:51 pm โดย mindphp