CSS box-shadow Oluşturucu
Sürüklenecek bir tuval değil, bildirimin kendisi.
- gölge
- 1
Çıktı
box-shadow: 0px 4px 12px rgba(0,0,0,.15);
Dosyalarınız cihazınızda kalır
Bu araç tamamen tarayıcınızda çalışır. Yapıştırdığınız içerik cihazınızda işlenir ve asla bir sunucuya gönderilmez; bu yüzden token'lar, anahtarlar ve yayımlanmamış metinlerle güvenle kullanabilirsiniz.
Nasıl çalışır
- Tek gölge için kaydırıcıları kullanın; birkaç gölge için her satıra bir tane yazın.
- Bir satır “x y bulanıklık yayılma renk” demektir — atlanan her sayı sıfır sayılır.
- Gölgelenecek olan metinse text-shadow’a geçin.
- Bildirimi kopyalayın.
Sık sorulan sorular
- Neden birden çok gölge isteyeyim?
- Çünkü tek gölge neredeyse hiçbir zaman doğru görünmez. Gerçek bir gölge, dar ve koyu bir kenar artı geniş ve yumuşak bir yayılmadır; farklı bulanıklık ve saydamlıkta iki üç gölgeyi üst üste koymak, bir kartın çerçevelenmiş değil sayfadan kalkmış görünmesini sağlayan şeydir.
- Yayılma ne yapar?
- Gölgeyi bulanıklaştırmadan önce büyütür ya da küçültür. Eksi yayılma onu içe çeker; bir ögenin altında duran ama yanlardan taşmayan gölge böyle elde edilir.
- text-shadow’daki yayılmam neden yok sayılıyor?
- Çünkü text-shadow’un yayılması yoktur; yalnızca x, y, bulanıklık ve renk alır. Sayfa, dördüncü bir sayı yazdığınızda bunu size söyler; tarayıcının yaptığı gibi sessizce atmaz.
- “İçe” ne demek?
- Gölgeyi kutunun dışına değil içine çizer; bir şeyi içeri basılmış göstermenin yolu budur. Yalnızca box-shadow için geçerlidir.
- Bir sunucuya bir şey gönderiliyor mu?
- Hayır. Tarayıcıda çalışır; yazdığınız şey bilgisayarınızda kalır.