اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> #grad1 { height: 200px; background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); } </style> </head> <body> <h1>شفافیت در گرادینت خطی</h1> <p>از شفافیت برای ایجاد افکت های محو شدگی استفاده می شود. برای اضافه کردن شفافیت، از تابع rgba() برای تعریف ایستگاه های رنگ(color stops) استفاده می شود. پارامتر آخر در تابع rgba() می تواند یک مقدار از 0 تا 1 داشته باشد و شفافیت را مشخص می کند؛ که اگر 0 باشد یعنی شفافیت کامل و اگر 1 باشد، یعنی کاملاً رنگی یا همان عدم شفافیت. </p> <div id="grad1"></div> </body> </html>
