← Tüm metin araçları

CSS clip-path oluşturucu

Çokgenler, daireler ve şekiller yapmak için noktaları sürükleyin, sonra clip-path CSS'ini kopyalayın.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık CSS clip-path oluşturucu

Önizleme üzerinde noktaları sürükleyerek öğeleri üçgenlere, altıgenlere, oklara, dairelere veya herhangi bir özel çokgene kesin, ardından clip-path değerini kopyalayın. Yüzde tabanlı koordinatlar şekli duyarlı tutar. Kesilen alanların hâlâ var olduğunu, bu yüzden gölgelerin ve kenarlıkların da kesildiğini unutmayın.

CSS clip-path oluşturucu nasıl kullanılır

  1. Çokgen veya daire gibi bir şekil seçin.
  2. Yeniden şekillendirmek için önizlemedeki noktaları sürükleyin.
  3. clip-path CSS'ini kopyalayın ve öğenize uygulayın.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

Box-shadow'um clip-path ile neden kesiliyor?

Clip-path, gölgeler dahil şeklin dışındaki her şeyi keser. Gölgeyi bir üst sarmalayıcıya, filter: drop-shadow kullanarak koyun; böylece kırpılmış çizgiyi takip eder.

İki clip-path şekli arasında animasyon yapabilir miyim?

Evet, her iki şekil de aynı sayıda noktayla aynı fonksiyonu kullanıyorsa. Tarayıcı o zaman bir geçiş sırasında her noktayı yumuşakça hareket ettirir.

clip-path öğenin kapladığı alanı değiştirir mi?

Hayır. Öğe düzende özgün kutusunu korur ve yalnızca görünür alan kesilir. Görünür şeklin dışındaki tıklamalar da yok sayılır.

CSS clip-path oluşturucu ücretsiz mi?

Evet. Toolipedia'daki CSS clip-path oluşturucu ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

CSS clip-path oluşturucu aracını kendi web siteme koyabilir miyim?

Evet. Aracın altındaki "Sitenize ekleyin" düğmesini kullanarak kısa bir kod parçasını kopyalayın ve sayfanıza yapıştırın. Ücretsizdir, hesap gerektirmez ve araç sayfanızın içinde çalışmaya devam eder.

İlgili araçlar