CSS Oluşturucu

Yirmi bir: Üçgen, Ok, Şekil, Klip Yolu ve Kenar Yarıçapı oluşturucuları; Şerit, Araç İpucu ve Yükleyici bileşen oluşturucuları; Gradyan, Kutu-Gölge, Metin-Gölge, Cammorfizm, Nömorfizm, Filtre, Dönüştürme, Animasyon ve Perspektif efekt düzenleyicileri; artı Grid Builder, Flexbox Playground, Grid Playground ve CSS Değişken oluşturucusu hepsi tek bir arayüzde.

Evet. Çıktı temiz, standartlarla uyumlu CSS'dir ve doğrudan herhangi bir stil sayfasına veya bileşene yapıştırabilirsiniz. Önemli olduğu yerde (klip yolu, filtreler), satıcı tarafından ön ekli geri dönüşler dahil edilir ve animasyon araçları tam @keyframes bloğunun çıktısını alır.

Üçgen oluşturucuyu açın, bir yön seçin (yukarı, aşağı, sol, sağ), kaydırıcılarla boyutu ve rengi ayarlayın ve kenarlık tabanlı CSS'yi kopyalayın. Her tarayıcıda çalışan klasik sıfır genişlik/sıfır yükseklik kenarlık numarasını kullanır.

Evet. Animation Builder, süre, gecikme, zamanlama işlevi ve yineleme sayısı kontrolleriyle birlikte ön ayarlar (sıçrama, solma, içeri kaydırma, döndürme, sallama, patlama) sunar. Sizin için animasyonun tamamının kısaltmasını ve @keyframes kuralını oluşturur.

Evet. Yönü, içeriği hizalamayı, öğeleri hizalamayı, sarmayı, boşlukları ve öğe sayılarını görsel olarak ayarlayın; araç, kapsayıcınız için tam CSS'nin çıktısını alır. Her bir özelliğin düzeni nasıl etkilediğini öğrenmek ve işe yarar bir başlangıç ​​noktası yakalamak için idealdir.

Hayır. Her şey tarayıcınızda yerel olarak çalışır, önizlemeler istemci tarafında oluşturulur ve CSS cihazınızda oluşturulur. Hiçbir şey yüklenmediğinden araç hızlı ve tamamen özeldir.

Görsel kontrolleri ayarlayın ve oluşturulan CSS'yi kopyalayın. Bir kutu gölgesi için ofseti, bulanıklığı, yayılmayı ve rengi ayarlayın; bir degrade için renkleri ve yönü seçin; bunların tümünü canlı bir önizlemeyle yapın, böylece kopyalamadan önce tam görünümü elde edersiniz.

Evet. Oluşturucu, canlı önizlemeyle degradeler, gölgeler ve cam/nömorfik stiller gibi modern efektler üretir; böylece üretime hazır CSS'yi, değerleri elle ayarlamadan kopyalayabilirsiniz.

Evet. Her değişiklik canlı önizlemeyi anında günceller ve kopyalamaya hazır CSS de onunla birlikte güncellenir, böylece ne görüyorsanız onu yapıştırırsınız.