گرادیانها و overlayها (Gradients & Overlays)
با افزودن گرادیان پسزمینه، overlay و متن به هر المان، طراحی سایت را غنیتر کنید. هنگام ویرایش المان، گروه کنترل Gradients & Overlays زیر تب Style است.
کنترلهای موجود
- Apply to: نوع محتوایی که میخواهید گرادیان روی آن اعمال شود (text، background، overlay).
- CSS selector: برای target کردن HTML خاص داخل یک المان.
- Colors: حداقل دو رنگ اضافه کنید تا گرادیان دیده شود. وقتی گرادیان را روی overlay اعمال میکنید، شفافیت رنگ را کم کنید تا از پشت آن دیده شود.
- Type: نوع گرادیان — linear، radial یا conic.
- Repeat (since 1.9.4): اجازه تکرار گرادیان در کل المان. با تعریف «stops» نقاط transition هر رنگ را با واحدهایی مثل درصد یا px کنترل کنید.
کنترلهای گرادیان linear
- Angle in °: زاویه مشخص گرادیان linear بین ۰ تا ۳۶۰ درجه.
کنترلهای گرادیان radial
- Shape: «circle» یا «ellipse».
- Size: از «closest-side»، «farthest-side»، «closest-corner»، «farthest-corner». جزئیات در مستندات Mozilla.
- Position: نقطه مرکزی گرادیان.
کنترلهای گرادیان conic
- Starting angle in °: زاویه شروع گرادیان بین ۰ تا ۳۶۰ درجه.
- Position: مرکز گرادیان.