Ana içeriğe geç

Gölgeler

Örnekler

CoreUI için Bootstrap'ta bileşenlerdeki gölgeler varsayılan olarak devre dışıdır ve $enable-shadows ile etkinleştirilebilir. Bununla birlikte, box-shadow yardımcı sınıflarımızla hızlı bir şekilde bir gölge ekleyebilir veya çıkarabilirsiniz.

ipucu

Gölge eklemek veya çıkarmak için .shadow-none, .shadow-sm, .shadow, ve .shadow-lg gibi sınıfları kullanabilirsiniz.

Aşağıda, mevcut yardımcı sınıfları kullanarak oluşturulmuş gölge örnekleri bulunmaktadır:

Gölge yok Küçük gölge Normal gölge Büyük gölge

Sass

Değişkenler

Utilities API

Gölge yardımcı programları scss/_utilities.scss dosyasında yardımcı program API'mizde tanımlanmıştır.

bilgi

Utilities API'sini nasıl kullanacağınızı öğrenin.