Easy24Easy24
PDFGörselVideoMetinDönüştürÜretHesaplaGeliştiriciGüvenlikZaman

CSS Clip Path

Hazır ve özel clip-path şekilleri, canlı önizleme. WebKit öneki, boyut kontrolü, kopyala veya indir.

GizliTarayıcıdaAnındaLimitsiz

Tip: polygon · 58 karakter

clip-path ve -webkit-clip-path çıktı verir. Özel mod geçerli clip-path fonksiyon dizelerini kabul eder.

Nasıl çalışır

1

Hazır şekil seç

Daire, altıgen, yıldız, ok ve diğer hazır clip-path şekillerinden birini seçin.

2

Veya özel CSS gir

polygon, circle, inset veya path() için özel modu açıp herhangi bir clip-path değeri yapıştırın.

3

CSS kopyala

Gradyanlar üzerinde önizleyin, boyutu ayarlayın, clip-path.css kopyalayın veya indirin.

Neden clip-path?

clip-path ekstra görsel olmadan belirgin düzenler ve avatarlar oluşturur — kartlar ve hero bölümleri için kullanışlı.

Neden bu araç

  • On hazır şekil
  • Özel clip-path girişi
  • Gradyanlı canlı önizleme
  • WebKit öneki dahil
  • Ayarlanabilir önizleme boyutu
  • Sınırsız kullanım — günlük limit yok

Sorular

CSS Clip Path ne yapar?

Bir öğeyi görsel olarak şekle kesen CSS clip-path kuralları üretir.

Bu tam SVG editörü mü?

Hayır. Hazır şablonlar ve clip-path fonksiyonları için metin alanı sunar — Bézier düzenleme değil.

Neden -webkit-clip-path dahil?

Safari bazı clip-path kullanımlarında önekli özellikten hâlâ faydalanır.

Hangi şekiller polygon() kullanır?

Altıgen, elmas, yıldız, ok, üçgen ve mesaj balonu preset'leri polygon noktaları kullanır.

CSS'im sunucuya gider mi?

Hayır. Oluşturma tamamen bu tarayıcı sekmesinde çalışır.

Günlük limit var mı?

Hayır. Bu oluşturucu ücretsiz planda sınırsızdır.

Easy24 işine yaradıysa kahve ısmarla

Araçlar tarayıcıda ücretsiz kalır. Kreosus üzerinden tek seferlik destek verirsin. Türkiye kartları geçer.

Kahve ısmarla

Benzer Geliştirici araçları

Tümünü gör

JSON Biçimlendirici

Geliştirici

JSON'u tarayıcıda güzelleştir, küçült, doğrula ve anahtarları sırala. 2 veya 4 boşluk girinti, dosya içe aktarma ve indirme.

Aç

Meta Etiket Üretici

Geliştirici

SEO başlık, açıklama, Open Graph, Twitter Card ve canonical etiketlerini canlı sosyal önizleme ile oluştur. Tarayıcıda çalışır.

Aç

CSS Gradyan Oluşturucu

Geliştirici

Doğrusal ve radyal CSS gradyanları tasarla; üç renk durağına kadar. Canlı önizleme, hazır şablonlar, hex girişi, kopyala veya indir.

Aç