CSS Clip-Path Oluşturucu

Canlı önizlemeyle yaygın şekillerden (daire, elips, üçgen, beşgen, altıgen, yıldız, mesaj balonu, ok) birini seçin, ardından projenizde doğrudan kullanıma hazır tam clip-path CSS değerini kopyalayın.

Tasarım ve CSS Araçları Tamamen tarayıcınızda çalışır

Tüm işlemler cihazınızda gerçekleşir — hiçbir şey sunucuya gönderilmez.

Şekil

CSS kodu

clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

Bununla devam edin

Tamamen yerel

Cubic Bezier Hızlanma Eğrisi Oluşturucu

Özel bir hareket hızlanma eğrisi tasarlamak için iki noktayı sürükleyin ve cubic-bezier kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

Tamamen yerel

CSS Grid ve Flexbox Düzen Oluşturucu

Canlı önizlemeyle bir Grid veya Flexbox düzenini görsel olarak tasarlayın ve hazır CSS kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

Tamamen yerel

CSS Border-Radius Oluşturucu

Yuvarlatılmış köşeleri görsel olarak tasarlayın — asimetrik şekiller dahil — ve CSS kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

İlgili araçlar

Tamamen yerel

Cubic Bezier Hızlanma Eğrisi Oluşturucu

Özel bir hareket hızlanma eğrisi tasarlamak için iki noktayı sürükleyin ve cubic-bezier kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

Tamamen yerel

CSS Glassmorphism Oluşturucu

Buzlu cam kart efektini görsel olarak tasarlayın ve hazır CSS kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

Tamamen yerel

CSS Grid ve Flexbox Düzen Oluşturucu

Canlı önizlemeyle bir Grid veya Flexbox düzenini görsel olarak tasarlayın ve hazır CSS kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

Tamamen yerel

Metni El Yazısına Dönüştürücü

Yazılan metni çizgili kağıt üzerinde el yazısıyla yazılmış gibi görünen bir görsele dönüştürün, birden fazla el yazısı stiliyle.

Tasarım ve CSS AraçlarıAracı aç

Tamamen yerel

SVG Blob ve Arka Plan Deseni Oluşturucu

Rastgele organik bir blob şekli veya SVG olarak sorunsuz tekrarlayan bir arka plan deseni oluşturun ve kopyalayın veya indirin.

Tasarım ve CSS AraçlarıAracı aç

Uddatak'i denemeye hazır mısınız?

Tüm araç kütüphanesine göz atın ve ihtiyacınız olanı hemen şimdi kullanmaya başlayın — ücretsiz, kayıt gerekmez.

Tüm araçlara göz atın