CSS Araçları

Bu ücretsiz araçlarla temiz, kopyala-yapıştır CSS'i görsel olarak oluşturun — kutu gölgeleri (box shadow), gradyanlar, border-radius, flexbox, grid, animasyonlar, clip-path ve filtreler — her değeri ayarlarken canlı önizlemeyle.

Gölgeler, filtreler ve son dokunuşlar

⬛

CSS Box Shadow Oluşturucu

Bir box-shadow'u görsel olarak tasarlayın, canlı önizlemeyle görüp CSS'i kopyalayın.

CSS Text Shadow Oluşturucu

Bir text-shadow tasarlayın, canlı önizlemeyle görüp CSS'i kopyalayın.

◳

Neumorfizm Oluşturucu

Canlı önizleme ile yumuşak arayüzlü neumorfik gölgeler oluşturup kopyalayın.

▢

Glassmorphism Oluşturucu

Bulanıklık, şeffaflık, doygunluk ve bir renk tonuyla buzlu cam kart CSS'i oluşturun.

☼

CSS Filtre Oluşturucu

Kaydırıcılar ve canlı önizleme ile CSS filtreleri oluşturup kopyalayın.

T○

CSS Metin Konturu

Metne bir dış çizgi veya kontur ekleyin ve CSS'i kopyalayın.

▌

CSS Kaydırma Çubuğu Stilleyici

Özel bir kaydırma çubuğu tasarlayın ve ::-webkit-scrollbar CSS'ini kopyalayın.

Şekiller, gradyanlar ve arka planlar

⬭

CSS Border Radius Oluşturucu

Her köşenin yarıçapını canlı önizlemeyle ayarlayın ve CSS'i kopyalayın.

◇

CSS clip-path Oluşturucu

Bir öğeyi yaygın şekillere kırpın ve clip-path CSS'ini kopyalayın.

▲

CSS Üçgen Oluşturucu

Herhangi bir yönde saf CSS üçgeni oluşturun ve CSS'i kopyalayın.

▤

CSS Gradyan Oluşturucu

Doğrusal veya radyal bir gradyan oluşturun, canlı önizlemeyle görüp CSS'i kopyalayın.

▩

CSS Arka Plan Deseni

İki renkle bir CSS arka plan deseni oluşturun ve kopyalayın.

Yerleşim ve duyarlı tasarım

⬓

CSS Flexbox Oyun Alanı

Canlı önizleme üzerinde flexbox özellikleriyle deneyler yapın ve oluşturulan CSS'i kopyalayın.

▦

CSS Grid Oluşturucu

Ayarlanabilir sütun, satır ve boşlukla, canlı önizleme eşliğinde bir CSS grid düzeni oluşturun.

CSS Media Query Oluşturucu

Hazır ayarlarla duyarlı bir @media sorgusu oluşturun ve kopyalayın.

▭

CSS En-Boy Oranı Kutusu

Padding yedeğiyle duyarlı bir en-boy oranı kutusu üretin.

‖

CSS Çok Sütunlu Düzen

Ayırıcı çizgili bir CSS çok sütunlu metin düzeni üretin.

Hareket, dönüşümler ve animasyon

⤢

CSS Transform Oluşturucu

translate, rotate, scale ve skew işlemlerini canlı önizleme ile tek bir CSS transform içinde birleştirin.

⤿

CSS Animasyon Oluşturucu

Bir keyframe animasyonu oluşturun, canlı önizleyin ve CSS'i kopyalayın.

⌒

CSS Yumuşatma Oluşturucu

Bir cubic-bezier yumuşatması seçin veya oluşturun ve animasyonlu bir önizleme noktasıyla tekrar oynatın.

◜

CSS Spinner Oluşturucu

Saf CSS bir yükleme spinner'ı oluşturun ve CSS'i kopyalayın.

Bununla eşleşen araç yok.