Bir renk durağını nasıl silerim?

Durağı seçip Delete veya Backspace tuşuna basın ya da çöp kutusu düğmesini kullanın. Bir gradyanda her zaman en az iki durak kalır.

Bu gradyanlar her tarayıcıda çalışır mı?

Doğrusal ve radyal gradyanlar tüm güncel tarayıcılarda çalışır. Konik gradyanlar Chrome, Edge, Firefox ve Safari 12.1 veya sonrasında çalışır.

Durakları klavyeyle taşıyabilir miyim?

Evet. Tab ile bir durağa odaklanın ve ok tuşlarını (10'luk adımlar için Shift), Home ve End tuşlarını kullanın. Açı kadranı da ok tuşlarıyla çalışır.

CSS Gradyan Oluşturucu — Doğrusal, Radyal ve Konik

Sürüklenebilir renk durakları, açı kadranı ve hazır ayarlarla doğrusal, radyal ve konik CSS gradyanları oluşturun. CSS'i veya Tailwind sınıfını kopyalayın. Ücretsiz ve anında.

Renk duraklarıEklemek için tıklayın · taşımak için sürükleyin

CSS

background: #fa69c3;
background: linear-gradient(120deg, #7f5af0 0%, #ff6ac1 52%, #ffb86b 100%);

Tailwind

bg-[linear-gradient(120deg,#7f5af0_0%,#ff6ac1_52%,#ffb86b_100%)]

Hazır ayarlar

Biçim kaynakları

MDN — CSS gradients
Tailwind CSS — Arbitrary values

Araç sayfasının güncellenme tarihi: 2026-10-23

Hazır ayarlar

Kılavuz ve örnek

İlgili araçlar

Biçim kaynakları