UI Design
/
Arayüz stilleri ile çalışın

Shadow (Gölge)

Shadow (Gölge)

Web projelerinizdeki elementlerinize Shadow efektleri ekleyebilirsiniz. Custom Style kısmında oluşturduğunuz Shadow stilini daha sonra kullanmak üzere kaydedebilirsiniz. Kaydettiğiniz shadow stilini farklı ekran/elementlerde Load Style bölümünden ekleyerek kullanabilirsiniz. Dilediğiniz zaman oluşturduğunuz shadow stillerini düzenleyebilir, çoğaltabilir ve silebilirsiniz.

CUSTOM STYLE

Custom Style, özel stil demektir. Elementlere göre değişen stil düzenlemeleri Custom Style panelinden yapılmaktadır. Shadow (Gölge) stil düzenlemelerinde Color (Renk) ve Structure (Yapı) yer almaktadır.

Color (Renk)

Hex kodunu, RGB değerlerini girerek veya Color Picker aracılığıyla renkleri seçerek Shadow efekti için istediğiniz renk tonunu belirleyebilirsiniz.

Structure (Yapı)

X-Y

+ ve - değerlerini girerek Shadow efektinin konumunu belirleyebilirsiniz.

Blur (Bulanıklık)

Shadow efektinin bulanıklık miktarını ayarlayabilirsiniz.

Spread (Yayılmış)

Gireceğiniz Spread değeri, Shadow (Gölge) efektinin arka plana ne kadar yayılacağını belirler.

İlişkili diğer içerikler

Sözlük

No items found.

Alt Başlıklar