⭐ 0
🔍
Metin Görsel PDF ve Belgeler Ses Müzik Elektronik Zaman Faydalı Araçlar Doğrulayıcılar Ezoterizm Oyunlar

Pastel CSS Gradyan — Hazır Kod

CSS degradelerini görsel olarak oluşturun: doğrusal, radyal veya konik tipte, açılı kaydırıcı ve canlı tam genişlikte önizleme ve kopyalanabilir kodla altı adede kadar renk durağı.

90°
İşleniyor... 0%

Sonuç

Bu sayfa, hazır pastel rengin yüklü olduğu degrade oluşturucuyu açar: toz pembe #ffdde1 ile tozlu gül #ee9ca7 karışımı. Önizleme paneli, aşağıda hazır CSS satırıyla birlikte yumuşak sonucu hemen gösterir.

Pastel gradyanlar, doymuş olanların bağıracağı yerlerde işe yarar: başlangıç ekranları, kartlar, boş durumlar ve güzellik veya yaşam tarzı markalaması. Her iki durak da açık renkli olduğundan, koyu renkli metin tüm yüzey boyunca okunabilir durumda kalır; bu, çoğu canlı degradenin bir kaplama olmadan sunamayacağı bir şeydir.

Çizgiyi olduğu gibi kopyalayın veya opaklığa bitişik hileleri dürterek daha da yumuşatın: gül stopunu %80'e getirin ve pembenin hakim olmasına izin verin veya hafif bir merkez parıltısı için radyal bir türe çevirin. Araç, kopyalanabilir CSS'yi her girişte günceller.

🛡️
Tarayıcıda Çalıştırıldı

Dosyalarınız ve girdileriniz bu cihazdan asla ayrılmaz. İşlem tamamen çevrimdışı çalışır. %100 Güvenli.

Kabul Edilen Formatlar ve Kurallar

  • Doğrusal ve konik modlar için açı kaydırıcılı degrade türü seçimi (doğrusal, radyal, konik).
  • Renk durdurma listesi: Her birinin kendi renk seçicisi ve yüzde cinsinden konumu olan, başlamak, altıya kadar eklemek veya çıkarmak için iki durak.
  • Kopyalanabilir arka plan CSS satırı artı gün batımı, okyanus ve pastel renk geçişleri için hazır önceden ayarlanmış sayfalar.

Temel Faydalar

✓ Tam genişlikte önizleme her değişiklikte (tür, açı ve her renk durağı) yeniden boyanır, böylece kopyaladığınız CSS tam olarak gördüğünüz şeydir.
✓ Bireysel konumlara sahip altı adede kadar renk durağı, basit iki renkli soldurmadan karmaşık çok bantlı arka planlara kadar her şeyi kapsar.
✓ Tek bildirim, üç motor: duraklarınızı yeniden oluşturmanıza gerek kalmadan doğrusal, radyal ve konik arasında geçiş yapın.

Kullanım Durumları

  • • Lineer-gradient()'i elle düzenlemek ve yeniden yüklemek yerine açıyı ve renk duraklarını sürükleyerek bir kahraman bölümü arka planı oluşturun.
  • • Aynı renk duraklarını doğrusal, radyal ve konik degradelerle tek bir anahtarla karşılaştırın; duraklar türler arasında aktarılır.
  • • Gün batımı, okyanus veya pastel ön ayar sayfasından kanıtlanmış bir kombinasyon alın ve bunu marka renklerinize göre ayarlayın.