Cam morfoloji CSS üreteci
Birkaç kaydırıcıyı hareket ettirerek mat cam paneller veya yumuşak neumorfik yüzeyler için kopyalamaya hazır CSS kodu oluşturun, el yazısı olmadan.
Cam morfoloji CSS üreteci
El yazısı olmadan mat cam panoları veya yumuşak neumorfik yüzeyler için kopyalamaya hazır CSS kuralı oluşturun. Mat cam seçeneğini bir yarı şeffaf kart için seçin, arkasında olanı bulanıklaştırır — modern panolar, giriş panelleri ve modal pencerelerde kullanılan görünüş — veya arka planı şeffaflık yerine iki karşı tarafı yumuşak gölgeler kullanarak aynı malzemeden çıkıyor gibi görünen neumorfizm için seçin.
Seçenekler doğrudan aracın yazdığı özelliklere eşlenir. Cam modunda, yüzey saydaflığı ve bulanıklık gücü arka plan alfasını ve backdrop-filter bulanıklık değerini kontrol eder, kenar kalınlığı ve kenar parlaklığı ise paneli meşgul arka fona karşı okunabilir tutan ince, yarı şeffaf bir kenar ayarlar. Gölge mesafesi ve yumuşaklığı panel altındaki düşük gölgeyi şekillendirir ve şekil değiştirme ise çökmüş görünüm için gömülü gölgeye döner. Neumorfizm modunda, gölge mesafesi ve yumuşaklık değerleri yüzey renginden hesaplanan hafif bir gölge ve koyu gölge sürüşü, seçtiğiniz şekile bağlı olarak yükseltilmiş veya basılı. Köşe yuvarlanması ve koyu mod varyantı her iki stili etkiler.
Mat veya yumuşak gölgeli bir yüzey siyah veya beyaz metinle okumakta zor olan orta tona düşebildiğinden, araç ortaya çıkan kontrastı kontrol eder ve her iki metin rengi de rahat WCAG AA üzerine oturmayacaksa CSS'nin üzerinde kısa bir uyarı yorumu ekler — yüzey rengini veya saydaflığını ayarlamaya yönelik bir ipucu tahmin yerine.
Sürücüleri hareket ettirirken tarayıcınızda tamamen yerel olarak çalışır — tasarım aracı yok, hesap yok ve sunucuya hiçbir şey gönderilmez. CSS'yi doğrudan stil sayfanıza kopyalayın, .txt dosyası olarak indirin veya çıktıyı düzenlemeyi sürdürmek için girdiye geri gönderin.