اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> div { background-color: #04AA6D; padding: 10px; } div.first { opacity: 0.1; } div.second { opacity: 0.3; } div.third { opacity: 0.6; } </style> </head> <body> <h1>جعبه ی شفاف</h1> <p>وقتی که از ویژگی opacity برای اضافه کردن شفافیت به پس زمینه ی یک عنصر استفاده می کنیم، تمام عناصر فرزند آن، این شفافیت را به ارث(inherit) می برند. این می تواند باعث شود متن درون یک عنصر که کاملاً شفاف است، به سختی خوانده شود:</p> <div class="first"><p>opacity 0.1</p></div> <div class="second"><p>opacity 0.3</p></div> <div class="third"><p>opacity 0.6</p></div> <div><p>opacity 1 (پیش فرض)</p></div> </body> </html>
