Çevrimiçi CSS Gradyan - Oluşturucu, Oluşturucu ve Arka Plan

Color

Çevrimiçi CSS Gradyan Aracı

CSS Gradient, mutlu küçük bir web sitesi ve web siteleri için degrade bir arka plan oluşturmanıza olanak tanıyan ücretsiz bir araçtır. 

CSS degradeleri, iki veya daha fazla belirtilen renk arasında yumuşak geçişler görüntülemenize olanak tanır.

CSS iki tür degrade tanımlar:

  • Doğrusal Gradyanlar (aşağı/yukarı/sola/sağa/çapraz olarak gider)
  • Radyal Gradyanlar (merkezlerine göre tanımlanır)

CSS Doğrusal Gradyanlar

Doğrusal bir gradyan oluşturmak için en az iki renk durağı tanımlamanız gerekir. Renk durakları, aralarında yumuşak geçişler oluşturmak istediğiniz renklerdir. Degrade efektiyle birlikte bir başlangıç ​​noktası ve yön (veya açı) da ayarlayabilirsiniz.

Sözdizimi

background-image: linear-gradient(directioncolor-stop1color-stop2, ...);

CSS Radial Gradients

A radial gradient is defined by its center.

To create a radial gradient you must also define at least two color stops.

Syntax

background-image: radial-gradient(shape size at position, start-color, ..., last-color);

By default, shape is ellipse, size is farthest-corner, and position is center.

Set Shape

The shape parameter defines the shape. It can take the value circle or ellipse. The default value is ellipse.

The following example shows a radial gradient with the shape of a circle: