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 çokgen clip-path oluşturucu
Noktaları sürükleyerek veya koordinatlarını yazarak çokgen kırpma alanı çizin ve CSS olarak dışa aktarın.
Noktaları sürükleyin veya ok tuşlarıyla taşıyın. Shift adımı büyütür. Koordinatları doğrudan da girebilirsiniz.
CSS
Araç hakkında
Ek bir resim maskesi hazırlamadan çapraz paneller veya geometrik rozetler tasarlayabilirsiniz.
Nasıl kullanılır
Üçgen, eşkenar dörtgen, altıgen veya başka bir hazır şekille başlayın. Noktaları sürükleyin, X/Y yüzdelerini düzenleyin, nokta ekleyin veya kaldırın. Tab ile bir noktaya odaklanıp ok tuşlarıyla ince ayar yapabilir, Shift ile adımı büyütebilirsiniz.
Çokgen 3–32 nokta ve 0–100% koordinatlar kullanır. Noktalar listedeki sırayla birleştirilip şekil kapatılır. Önizlemedeki clip-path: polygon(...) değerini kopyalayın veya indirin. Eğri yollar ya da kırpılmış resim dosyaları oluşturulmaz.
Sık sorulan sorular
Eğriler veya kutu dışındaki noktalar desteklenir mi?
3–32 köşe ve %0–%100 koordinatları desteklenir. Eğriler ve bu sınırların dışındaki köşeler desteklenmez.
Noktaları taşıyınca çokgende neden beklenmedik kesikler oluşuyor?
Noktalar listedeki sırayla birleştirilir; son nokta tekrar ilkine bağlanır. Bir noktayı başka bir kenarın ötesine taşımak çizgilerin kesişmesine yol açabilir. Hazır bir şekilden başlayıp noktaları çevre boyunca sıralı tutun. Gereksiz noktaları silebilirsiniz, ancak en az üç nokta kalmalıdır.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0