Ç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(direction, color-stop1, color-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:
