Alat Gradien CSS Online
CSS Gradient minangka situs web cilik sing seneng lan alat gratis sing ngidini sampeyan nggawe latar mburi gradien kanggo situs web.
Gradien CSS ngidini sampeyan nampilake transisi sing lancar ing antarane loro utawa luwih warna sing ditemtokake.
CSS nemtokake rong jinis gradien:
- Gradien Linear (mudhun / munggah / kiwa / tengen / diagonal)
- Gradien Radial (ditetepake kanthi pusat)
CSS Linear Gradient
Kanggo nggawe gradien linear sampeyan kudu nemtokake paling ora rong titik warna. Werna mandheg yaiku warna sing sampeyan pengin nggawe transisi sing lancar. Sampeyan uga bisa nyetel titik wiwitan lan arah (utawa sudut) bebarengan karo efek gradien.
Sintaksis
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:
