Renk dönüştürücü
Saydamlıkla birlikte HEX, RGB ve HSL dönüştürün, renk örneğini görün ve CSS değerlerini kopyalayın.
CSS 2D ve 3D dönüşüm oluşturucu
Öteleme, döndürme, ölçek, eğme ve dönüşüm merkezini ayarlayın; isteğe bağlı perspektif ve 3D denetimleri ekleyin.
3B seçenekleri
Önizleme
Kesik çizgi başlangıç konumunu gösterir. Dönüşüm sırası sonucu etkiler; dışa aktarılan CSS önizlemeyle aynı sırayı kullanır.
CSS
Araç hakkında
Bir öğeyi özgün çerçevesiyle karşılaştırarak yerleştirebilir veya eğebilirsiniz.
Nasıl kullanılır
X/Y ötelemesini, döndürmeyi, eksen ölçeklerini, eğmeyi ve dönüşüm merkezini değiştirirken başlangıç çerçevesiyle karşılaştırın. Perspektif, Z ötelemesi ve X/Y döndürmesi için 3D’yi etkinleştirin. transform ve transform-origin bildirimlerini birlikte kopyalayın veya indirin.
Önizleme ve çıktı aynı değerleri sabit bir sırayla uygular; fonksiyonların sırasını değiştirmek sonucu etkileyebilir. Negatif ölçek öğeyi yansıtır, sıfır ölçek ilgili ekseni çökertir. Araç öğe stilleri üretir; 3D model veya tam animasyon oluşturmaz.
Sık sorulan sorular
İşlevlerin sırasını değiştirebilir miyim?
Sırayı değiştirmek için dışa aktarılan CSS kodunu elle düzenleyin; arayüzde işlevleri yeniden sıralama denetimi yoktur. Önizleme ve çıktı aynı sabit sırayı kullanır, sırayı değiştirmek sonucu etkileyebilir. Negatif ölçek ekseni çevirir, sıfır ölçek ekseni yassılaştırır.
Taşınan veya büyütülen öğenin eski yeri neden boş kalıyor?
CSS dönüşümleri öğenin çizimini değiştirir, özgün yerleşim kutusunu taşımaz. Komşu içerik bu yüzden önceki yerleşime göre konumlanır. Boşlukları normal yerleşim kurallarıyla düzenleyin; görsel dönüşümün merkezini seçmek için transform-origin kullanın.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0