Opacity CSS3 การกำหนดค่าความทึบแสงของวัตถุชนิดต่าง ๆ

Opacity CSS3 คือ คำสั่งสำหรับการกำหนดค่าความทึบแสงของ Object หรือ วัตถุต่าง ๆ ที่ปรากฏบนหน้าเว็บไซต์ เช่น รูปภาพ ตัวอักษร หรือ DIV ตามที่เราต้องการ

ตัวอย่างโปรแกรม

<style>
#box {
	background:green;
	width:100px;
	height:100px;
	border:solid 1px #009933;
	padding:2px;
}
#box:hover {
	cursor:pointer;
	opacity:0.4;
	filter:alpha(opacity=40);
}
</style>

<div id='box'></div>

หมายเหตุ

1. IE9, Firefox, Google Chrome, Opera และ Safari ใช้คำสั่ง opacity เพื่อกำหนดค่าความทึบแสงของวัตถุ

2. IE8 และเวอร์ชั่นก่อนหน้านี้ใช้คำสั่ง aplha สำหรับกำหนดค่าความทึบแสงของวัตถุ

ผลลัพธ์

หลังวางเม้าร์ที่ DIV เพื่อให้โปรแกรมทำงานตามคำสั่ง opacity หรือ alpha

คำค้นหา Opacity CSS3 การกำหนดค่าความทึบแสง, รับทำเว็บไซต์, รับเขียนเว็บไซต์