Shadow (Gölge)

Elementlere Shadow (Gölge) ekleyin.

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. Shodow (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ığıya 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.

Elementlere Shadow Ekleme

Elementlere Shadow ile gölge efekti eklemek için şu adımları izleyin.

  1. Shadow eklemek istediğiniz web uygulamayı açın. Mobil uygulamalarda yer alan elementlere shadow ekleyemezsiniz.

  2. Ekrandaki elemente tıklayarak seçili hale getirin.

  3. Styling panelini açın.

  4. Shadow (Gölge) seçeneğine gidin.

  5. Color (Renk) bölümünden istediğiniz rengi seçin.

  6. Structure bölümünden X, Y, Blur ve Spread değerleri girerek oluşturacağınız Shadow (Gölge), elementlerin görsel olarak yükseltilmesi veya belirli bir derinlik ve boyut izlenimi vermek için kullanılır.

Last updated