Linear Gradient 180° — Teal → Turuncu

Web tasarımınızı bir üst seviyeye taşıyacak bu Linear gradient, #14b8a6 ve #f97316 renklerini 180 derecelik açıyla harmanlıyor.

CSS

background: #14b8a6;
background: linear-gradient(180deg, #14b8a6, #f97316);

CSS Variables

:root {
  --grad-1: #14b8a6;
  --grad-2: #f97316;
  --bg-gradient: linear-gradient(180deg, #14b8a6, #f97316);
}

SCSS

$grad-1: #14b8a6;
$grad-2: #f97316;

@mixin bg-gradient {
  background: #14b8a6;
  background: linear-gradient(180deg, #14b8a6, #f97316);
}

Popüler Gradientler