CSS Araçları

Kaydırma çubuklarını sürükleyerek her köşeyi yuvarlayın ve border-radius CSS kodunu kopyalayın.

Ofset, bulanıklık, yayılma ve renk kaydırıcılarını ayarlayın, ardından box-shadow CSS kodunu kopyalayın.

Bir gölgeyi görsel olarak tasarlayın ve hem iOS hem de Android için tam React Native stil nesnesini alın.

Kaydırıcılarla özel bir yumuşatma eğrisi şekillendirin, animasyonu önizleyin ve cubic-bezier() CSS'ini kopyalayın.

Metninizi yazın, iki glitch rengi seçin ve renk ayrışması efektli animasyonlu CSS + HTML'i kopyalayın.

Dönen, zıplayan veya nabız atan bir CSS yükleme animasyonu oluşturun ve CSS + HTML'i kopyalayın.

Yuvarlatılmış onay işareti, kaydırmalı anahtar veya dolu daire stilinde bir onay kutusu tasarlayın ve CSS'i kopyalayın.

Boyutu, renkleri ve yuvarlaklığı ayarlayın, ardından erişilebilir checkbox tabanlı bir açma/kapama anahtarını HTML ve CSS olarak kopyalayın.

Yön, boyut ve renk seçin, ardından kenarlık numarasıyla oluşturulmuş saf bir CSS üçgenini kopyalayın.

Buzlu cam kartı oluşturmak için arka plan opaklığını, bulanıklığı, kenarlığı ve yarıçapı ayarlayın, ardından CSS kodunu kopyalayın.

Bir desen seçin (puan, çizgi, dama tahtası, ızgara), renk ve boyutu ayarlayın, ardından CSS kodunu kopyalayın.

Renk durakları ve açı kaydırıcısıyla doğrusal ve radyal gradyanlar oluşturun, ardından CSS kodunu kopyalayın.

Hazır bir şekil seçin, kırpmayı canlı önizleyin ve oluşturulan clip-path CSS kodunu kopyalayın.

Herhangi bir varsayılan Tailwind rengini her iki yönde de arayın: hex'ten sınıf adına veya sınıf adından hex/RGB'ye — artı tam bir gezilebilir palet.

Pantone (PMS), CMYK, RGB ve Hex renk kodlarını her iki yönde de dönüştürün; aranabilir 1.341 renklik bir Pantone referansıyla.

CSS kabartma veya oyma metin efektlerini anında oluşturun — metninizi yazın, stili ve yoğunluğu ayarlayın ve CSS kodunu kopyalayın.

Parlayan neon CSS metin efektlerini anında oluşturun — metninizi yazın, bir parlama rengi ve yoğunluğu seçin ve CSS kodunu kopyalayın.

Metalik altın, gümüş, bronz veya rose gold CSS butonları anında oluşturun — metninizi yazın, bir metal stili seçin ve CSS kodunu kopyalayın.

HEX, RGB ve HSL çıktı seçenekleri ve kopyalama düğmeleriyle, herhangi bir rengi görsel olarak seçin veya yüklenen bir resimden örnek alın.