CSS'den Tailwind'e
CSS kodunu Tailwind CSS yardımcı sınıflarına dönüştürün. CSS'i yapıştırın ve Tailwind sınıflarını anında alın.
⚠️ Desteklenmeyen özellikler ()
ℹ️ CSS'den Tailwind'e Hakkında
Bir CSS kural kümesi yapıştırın; bu dönüştürücü her seçicinin altında gruplanmış eşdeğer Tailwind yardımcı sınıflarını verir. Bildirimleri Tailwind'in varsayılan ölçekleriyle eşleştirir — boşluk değerleri, text-xs'ten text-9xl'e, rounded-lg, gray-700 ve diğerleri — hiçbiri uymadığında p-[13px] gibi keyfi değerlere döner ve dönüştüremediği bildirimleri ayrıca listeler. Eski bir stil dosyasını ya da eski bir bileşeni Tailwind'e taşırken işe yarar. Ayrıştırma tarayıcınızda gerçekleşir; CSS hiçbir zaman yüklenmez.
💡 Kullanım alanları
📋 Nasıl kullanılır
Soldaki CSS kutusuna bir CSS kuralı ya da bildirimlerden oluşan bütün bir blok yapıştırın veya örnek yüklemek için Örnek'e tıklayın.
Siz yazdıkça sağdaki Tailwind CSS panelinin dolduğunu, her özellik ve değerin karşılık gelen yardımcı sınıfa eşlendiğini görün.
Çıktıyı seçici seçici kontrol edin: her kural bir yorum başlığı olarak görünür, ardından class özniteliğine yapıştırabileceğiniz sınıf listesi gelir.
Tailwind karşılığı olmayan bildirimleri seçicileriyle birlikte görüp elle halledebilmek için sarı Desteklenmeyen özellikler kutusunu açın.
Üretilen sınıfları panonuza almak için Kopyala'ya tıklayın.
Sıradaki CSS bloğunu yapıştırmadan önce iki paneli de boşaltmak için Temizle'ye tıklayın.
💎 Profesyonel İpuçları
- İçeriğinizi doğrudan yapıştırın — CSS'ten Tailwind'e Dönüştürücü yaygın girdi kalıplarını algılar ve mantıklı varsayılan değerleri otomatik uygular.
- CSS'ten Tailwind'e Dönüştürücü içindeki işinizi hızlandırmak için klavye kısayollarını kullanın (tümünü seçmek için Ctrl/Cmd+A, kopyalamak için Ctrl/Cmd+C).
- Çok büyük girdileri parçalara bölün — çoğu tarayıcı sekmesi megabaytlarca metni kaldırabilir, ancak devasa veri yüklerini ayrıştırmak arayüzü kısa süreliğine dondurabilir.
- CSS'ten Tailwind'e Dönüştürücü girdinizi kaydetmez ya da saklamaz. Geçmişe ihtiyacınız varsa önemli çıktıları yerel bir dosyaya veya not uygulamasına kopyalayın.
- Tarayıcınızdan çıkmadan eksiksiz veri hatları kurmak için CSS'ten Tailwind'e Dönüştürücüyü sitedeki diğer araçlarla (biçimlendiriciler, dönüştürücüler, kodlayıcılar) birleştirin.
❓ Sık Sorulan Sorular
Evet, tamamen ücretsiz; kayıt yok, API anahtarı yok, filigran yok, kullanım sınırı yok.
Hayır. CSS'ten Tailwind'e Dönüştürücü tamamen tarayıcınızda, istemci tarafında çalışır. Girdiniz sunucularımıza hiç uğramaz.
Kesin bir sınır yok, ancak cihazınızın belleğine bağlı olarak birkaç megabaytı aşan girdilerde yavaşlama beklemelisiniz.
Evet. CSS'ten Tailwind'e Dönüştürücü ile üretilen çıktılar sizindir; kişisel veya ticari her projede özgürce kullanabilirsiniz.
Mantığın büyük bölümü istemci tarafındaki JavaScript ile çalışır; bu yüzden ilk yüklemeden sonra çoğu zaman ağ bağlantısı olmadan da çalışmaya devam edebilirsiniz.
Yok. CSS'ten Tailwind'e Dönüştürücü tarayıcınızda çalıştığı için API anahtarı ya da kısıtlama olmadan donanımınızın izin verdiği kadar girdi işleyebilirsiniz.