Gradyan Mesh Oluşturucu
Birden fazla renk noktasıyla pürüzsüz CSS mesh gradyan arka planları oluşturur.
background:
radial-gradient(ellipse 60% 60% at 20% 20%, #6366f1cc 0%, transparent 70%),
radial-gradient(ellipse 50% 50% at 80% 30%, #ec4899cc 0%, transparent 70%),
radial-gradient(ellipse 55% 55% at 50% 80%, #06b6d4cc 0%, transparent 70%),
radial-gradient(ellipse 45% 45% at 10% 70%, #f59e0bcc 0%, transparent 70%),
#1a1a2e;Bu araç hakkında
Bir gradyan mesh oluşturucu, birden fazla kontrol noktasını kullanarak bir yüzey üzerinde pürüzsüz ve karmaşık renk geçişleri oluşturur. Basit doğrusal veya radyal gradyanlardan farklı olarak, mesh gradyanları renkleri eşit olmayan bir şekilde karıştırarak, ışığı, derinliği veya sanatsal efektleri taklit edebilen zengin, organik arkaplanlar üretir. Bu araç, bu mesh gradyanları tarayıcınızda doğrudan işlemek için gereken CSS kodunu oluşturarak, görüntü dosyaları veya tasarım yazılımı gereksinimini ortadan kaldırır.
Bu oluşturucuyu kullanmak için istenen renkleri seçin ve mesh ızgarasında konumlandırın. Pürüzsüz geçişler oluşturmak için her rengin yoğunluğunu veya yayılmasını ayarlayın. Araç anında CSS kodunu oluşturur ve bunu stil sayfalarınıza kopyalayıp yapıştırabilirsiniz. Mesh gradyanları, modern web sitesi arkaplanları, kart tasarımları, kahraman bölümleri ve parlak, gradyan iyileştirmesi estetikten yararlanan herhangi bir arayüz için iyi çalışır.
CSS mesh gradyanlarının bir avantajı, çözünürlükten bağımsız olmalarıdır ve herhangi bir ekran boyutunda sorunsuzca ölçeklenirler. Ayrıca görüntü tabanlı arkaplanlardan daha hızlı yüklenirler. Tarayıcı desteğinin gelişmiş gradyan özellikleri için değişebileceğini unutmayın, bu nedenle üretim ortamına dağıtmadan önce tasarımınızı farklı tarayıcılarda test edin.
Sıkça Sorulan Sorular
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.