CSS'nin Kolay Girilmesinin Arkasındaki Gerçek Sayılar
İki kontrol noktasını sürükleyerek özel bir CSS kübik-bezier() zamanlama işlevi tasarlayın, doğrusal bir referansa göre canlı olarak önizleyin ve ardından hazır değeri kopyalayın.
Sonuç
Bu sayfa kübik bezier oluşturucuyu x1=0,42, y1=0, x2=0,58, y2=1 önceden yüklenmiş olarak açar - CSS giriş kolaylığı anahtar sözcüğünün genişlediği tam kontrol noktaları. Tutamağı sürükleyin veya sayıları doğrudan düzenleyin; eğri, animasyon önizlemesi ve kopyalanabilir dizenin tümü anında güncellenir.
çıkış kolaylığı, beş yerleşik CSS zamanlama anahtar kelimesinden biridir ve bu eğrinin başlangıçtan itibaren yavaşça hızlanması, ortada oldukça eşit bir tempo tutması ve sondan önce geri çekilmesi nedeniyle popülerdir; çoğu kullanıcı arayüzü hareketi için doğal görünen bir şekil. Bunu bir anahtar kelime adı yerine açık kontrol noktaları olarak görmek, nedenini açıkça ortaya koyuyor: y1, 0'ın yakınında ve y2, 1'in yakınında duruyor, her ikisi de eşleşen x'e yakın, yani her iki yönde de aşma yok.
Duyguyu hafifçe dürtmeniz gerektiğinde, bu dört sayıyı anahtar kelimenin kendisinden ziyade bir başlangıç noktası olarak kullanın - daha hızlı bir başlangıç için x1'i aşağı çekin veya aynı şekli hafif bir aşmaya dönüştürmek için y2'yi 1'in üzerine itin. Her değişiklik önizlemeyi ve kopyalanabilir kübik-bezier() satırını anında günceller.