Ana içeriğe geç
Uddatak

CSS Glassmorphism Oluşturucu

Renkli bir arka plan üzerinde canlı kaydırıcılarla arka plan bulanıklığını, cam tonu rengini ve opaklığını, kenarlık opaklığını ve köşe yuvarlaklığını ayarlayın, ardından tam CSS kodunu kopyalayın (Safari için WebKit ön eki dahil).

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.

CSS kodu

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Bununla devam edin

Tamamen yerel

CSS Box-Shadow Oluşturucu

Kaydırıcılarla görsel olarak bir CSS box-shadow tasarlayın ve oluşturulan kodu 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ç
Tamamen yerel

CSS Gradyan Oluşturucu

Görsel olarak doğrusal veya radyal bir CSS gradyanı oluşturun ve kodu kopyalayın.

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

İlgili araçlar

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ç
Tamamen yerel

CSS Keyframe Animasyon Oluşturucu

Bir CSS animasyonunu görsel olarak tasarlayın (belirme, kayma, yakınlaştırma, zıplama, döndürme, çevirme) ve kullanıma hazır @keyframes kodu alın.

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

Renk Paleti Uyum Oluşturucu

Bir ana renk seçin ve uyumlu bir renk paleti elde edin (tamamlayıcı, benzer, üçlü, dörtlü, tek renkli).

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