مولّد التدرجات

أنشئ تدرجًا خطيًا أو دائريًا أو مخروطيًا وانسخ كود CSS.

Runs in your browser — your text and files never leave your device.

Angle135°

Stop 1 position0%

Stop 2 position100%

CSS

.gradient {
  background-image: linear-gradient(135deg, #111827 0%, #6366F1 100%);
}

The preview uses exactly the CSS below, so what you copy is what you saw.

يجري ترجمة نص الدليل الخاص بهذه الأداة. English

التصنيفات