Nouplo

CSS Geçiş Oluşturucu

Renkler girer, bir bildirim çıkar.

Çıktı
Sonucu burada görmek için yukarıya yapıştırın veya yazın.

Dosyalarınız cihazınızda kalır

Bu araç tamamen tarayıcınızda çalışır. Yapıştırdığınız içerik cihazınızda işlenir ve asla bir sunucuya gönderilmez; bu yüzden token'lar, anahtarlar ve yayımlanmamış metinlerle güvenle kullanabilirsiniz.

Nasıl çalışır

  1. Her satıra bir renk. Her CSS rengi olur — hex, rgb(), hsl(), renk adı.
  2. Bir rengi sabitlemek için ardına konum yazın: “#000 80%”.
  3. Doğrusal, ışınsal ya da koniği seçin; sonra açıyı ya da merkezi.
  4. Bildirimi kopyalayın.

Sık sorulan sorular

Neden önce düz bir renk var?
O yedektir. Geçişi okuyamayan her şey — eski bir tarayıcı, bir e-posta istemcisi, bir PDF işleyici — ilk bildirimi alır, ikinciyi atlar. O olmadan bu okuyucular hiç arka plan alamaz.
180deg nereyi gösterir?
Aşağıyı. CSS’te 0deg yukarıyı gösterir ve açı saat yönünde ilerler; bu, eski -webkit- sözdiziminin ve çoğu tasarım aracının tersidir. Burada en sık ters bilinen şey budur.
Neden sürüklenen bir tuval değil de metin?
Çünkü bir tuvali kod incelemesine yapıştıramazsınız. Buradaki çıktı bir bildirimdir: karşılaştırılabilir, sürüm denetimine girer ve dosyayı açacak bir sonraki kişi tarafından okunabilir.
Bir sunucuya bir şey gönderiliyor mu?
Hayır. Tarayıcıda çalışır; yapıştırdığınız şey bilgisayarınızda kalır.

İlgili araçlar

◒ CSS box-shadow Oluşturucu Sürüklenecek bir tuval değil, bildirimin kendisi. ◒ Renk Dönüştürücü HEX, RGB, HSL ve CMYK — artı okunurluğu belirleyen kontrast oranı. ◐ Kontrast Denetleyici Gerçekten okunabiliyor mu. ◒ CSS Biçimlendirici Her satıra bir bildirim — ya da bütün dosya tek satırda.