Smooth Shadows
-> Be careful,in order for it to work always use '.box-shadow' class!
-> Gölge büyüklüğünü ölçütlendirmek için '-sm, -md, -lg' eklerini kullanabilirsiniz.
.box-shadow .centered-smooth-sm
.box-shadow .centered-smooth-md
.box-shadow .centered-smooth-lg
.box-shadow .top-left-smooth
.box-shadow .top-smooth
.box-shadow .top-right-smooth
.box-shadow .bottom-left-smooth
.box-shadow .bottom-smooth
.box-shadow .bottom-right-smooth
Smooth Shadow Animations
-> Dikkat, Gölgelerin çalışması için mutlaka '.box-shadow' sınıfını kullanınız!
-> Animasyonları kullanmak için aşağıda bulunan animasyon sınıflarını gerekli elemente eklemeniz yeterli olacaktır.
-> Gölge büyüklüğünü ölçütlendirmek için '-sm, -md, -lg' eklerini kullanabilirsiniz.
.box-shadow .centered-smooth
.animation-top-left
.box-shadow .centered-smooth
.animation-top
.box-shadow .centered-smooth
.animation-top-right
.box-shadow .centered-smooth
.animation
.box-shadow .centered-smooth
.animation-bottom-left
.box-shadow .centered-smooth
.animation-bottom
.box-shadow .centered-smooth
.animation-bottom-right
.box-shadow .top-left-smooth .animation
.box-shadow .top-smooth .animation
.box-shadow .top-right-smooth .animation
.box-shadow .bottom-left-smooth .animation
.box-shadow .bottom-smooth .animation
.box-shadow .bottom-right-smooth .animation
Sharp Shadows
-> Dikkat, Gölgelerin çalışması için mutlaka '.box-shadow' sınıfını kullanınız!
-> Gölge büyüklüğünü ölçütlendirmek için '-sm, -md, -lg' eklerini kullanabilirsiniz.
.box-shadow .centered-sharp-sm
.box-shadow .centered-sharp-md
.box-shadow .centered-sharp-lg
.box-shadow .top-left-sharp
.box-shadow .top-sharp
.box-shadow .top-right-sharp
.box-shadow .bottom-left-sharp
.box-shadow .bottom-sharp
.box-shadow .bottom-right-sharp
Sharp Shadow Animations
-> Dikkat, Gölgelerin çalışması için mutlaka '.box-shadow' sınıfını kullanınız!
-> In order to use Animations you need to add the animation classes to the necessary element below.
-> In order to set the shadow size you can use the '-sm,-md,-lg' suffixes.
.box-shadow .centered-sharp
.animation-top-left
.box-shadow .centered-sharp
.animation-top
.box-shadow .centered-sharp
.animation-top-right
.box-shadow .centered-sharp
.animation
.box-shadow .centered-sharp
.animation-bottom-left
.box-shadow .centered-sharp
.animation-bottom
.box-shadow .centered-sharp
.animation-bottom-right
.box-shadow .top-left-sharp .animation
.box-shadow .top-sharp .animation
.box-shadow .top-right-sharp .animation
.box-shadow .bottom-left-sharp .animation
.box-shadow .bottom-sharp .animation
.box-shadow .bottom-right-sharp .animation
Square Shadows
-> Dikkat, Gölgelerin çalışması için mutlaka '.box-shadow' sınıfını kullanınız!
-> Gölge büyüklüğünü ölçütlendirmek için '-sm, -md, -lg' eklerini kullanabilirsiniz.
.box-shadow .top-left-square-sm
.box-shadow .top-square-sm
.box-shadow .top-right-square-sm
.box-shadow .bottom-left-square-sm
.box-shadow .bottom-square-sm
.box-shadow .bottom-right-square-sm
Neon Shadows
-> Dikkat, Gölgelerin çalışması için mutlaka '.box-shadow' sınıfını kullanınız!
-> Gölge büyüklüğünü ölçütlendirmek için '-sm, -md, -lg' eklerini kullanabilirsiniz.
.box-shadow .neon-green-sm
.box-shadow .neon-red-md
.box-shadow .neon-blue-lg
Text Shadows
-> Dikkat, Gölgelerin çalışması için mutlaka '.text-shadow' sınıfını kullanınız!