Ana içeriğe geç
Uddatak

CSS Box-Shadow Oluşturucu

Bir önizleme kartında box-shadow efekti tasarlamak için canlı kaydırıcılarla ofseti, bulanıklığı, yayılımı, rengi, ve saydamlığı ayarlayın, ardından tam CSS box-shadow özelliğini kopyalayın — birden çok yığılmış gölge desteği 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

box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);

Bununla devam edin

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

PX'den REM'e Dönüştürücü

Özel bir kök yazı tipi boyutuna dayalı olarak piksel ve rem birimleri arasında dönüştürme yapın.

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

İlgili araçlar

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

PX'den REM'e Dönüştürücü

Özel bir kök yazı tipi boyutuna dayalı olarak piksel ve rem birimleri arasında dönüştürme yapın.

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

Renk Paleti Çıkarıcı

Herhangi bir görselden en baskın renkleri HEX, RGB ve CSS kodlarıyla çıkarın

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

Kod Ekran Görüntüsü Oluşturucu

Kod yapıştırın ve gradyan arka plan ile başlık çubuğuna sahip, paylaşıma hazır cilalı bir görsele dönüştürün

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

Renk Körlüğü Simülatörü

Görselinizin renk körlüğü olan biri için nasıl göründüğünü görün (protanopi, deuteranopi, tritanopi veya akromatopsi)

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