CSS Oluşturucu
- Dosyalar cihazınızdan çıkmaz
- Tarayıcıda çalışır
- Ücretsiz, kayıt yok, filigran yok
Tailwind (arbitrary value)
shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]CSS Oluşturucu nasıl kullanılır
Canlı önizlemeyle CSS'i görsel olarak oluşturun: kutu gölgesi, kırpma yolu, cubic bezier yumuşatma, cam efekti, blob kenar yarıçapı ve metin gölgesi. Her üreteç düz CSS ve kopyalamaya hazır bir Tailwind keyfi değer sınıfı verir.
- 1
Bir üreteç seçin: Kutu gölgesi, Kırpma yolu, Cubic bezier, Cam efekti, Blob yarıçapı veya Metin gölgesi.
- 2
Bir hazır ayardan başlayın veya kaydırıcıları ve renkleri ayarlayın.
- 3
Sunulduğu yerde önizlemede doğrudan sürükleyin: clip-path noktaları, iki bezier tutamacı veya blob tutamaçları.
- 4
Aşağıdaki çıktıdan CSS'i veya Tailwind sınıfını kopyalayın.
Sık sorulan sorular
Birkaç gölgeyi üst üste koyabilir miyim?
Evet. Kutu gölgesi'nde katmanları birleştirmek için Katman ekle'ye tıklayın; her birinin kendi ofseti, bulanıklığı, yayılımı, rengi, opaklığı ve içe gömülmesi vardır.
Bir kırpma yoluna nokta nasıl ekler veya kaldırırım?
Nokta eklemek için şekil kenarına çift tıklayın; bir noktayı seçip kaldırmak için Delete'e basın. Daire, Elips ve İçerlek şekiller bunun yerine kaydırıcı kullanır.
Cam efektini neden göremiyorum?
backdrop-filter yalnızca öğenin arkasındakini bulanıklaştırır, bu yüzden renkli veya yoğun bir arka plan ister. Çıktı Safari için -webkit- önekini içerir.
0–1 dışındaki bezier değerleri ne yapar?
1'in üstündeki veya 0'ın altındaki Y değerleri hareketin aşmasına yol açar, bu da bir sıçrama veya beklenti efekti verir. Doğrusal hareketle karşılaştırmak için Oynat'a basın.
Tailwind çıktısı bir eklenti ister mi?
Hayır. Standart Tailwind'de çalışan rounded-[…] veya [clip-path:…] gibi Tailwind'in keyfi değer sözdizimini kullanır.