CSS ความโปร่งใสของภาพ

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

GoB
PHP Super Member
PHP Super Member
Posts: 212
Joined: 12/01/2015 10:14 am

CSS ความโปร่งใสของภาพ

Post by GoB » 28/01/2015 4:27 pm

CSS ความโปร่งใสของภาพ

การกำหนดความโปร่งใสให้กับรูปภาพ เป็นการเพิ่มลูกเล่นให้กับรูปภาพ เพื่อให้รูปภาพมีความน่าสนใจมากขึ้น คำสั่งที่ใช้กำหนดค่าความโปร่งใส คือ opacity

Code: Select all

<html>
<head>
<style>
img {
    opacity: 0.5;     //กำหนดค่าความโปร่งใส
}
</style>
</head>
<body>
<h3>CSS กำหนดความโปร่งใส</h3>
<img src="rose.jpg" width="150" height="113">   
</body>
</html>

ผลลัพธ์ที่ได้
------------------------------------------------------------------------------------------
1.jpg
1.jpg (13.83 KiB) Viewed 457 times

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 6 guests