Mjeti CSS Gradient në internet
CSS Gradient është një uebsajt i vogël i lumtur dhe mjet falas që ju lejon të krijoni një sfond gradient për faqet e internetit.
Gradientët CSS ju lejojnë të shfaqni tranzicion të qetë midis dy ose më shumë ngjyrave të specifikuara.
CSS përcakton dy lloje gradientësh:
- Gradientet lineare (zbret poshtë/lart/majtas/djathtas/diagonalisht)
- Gradientet radiale (të përcaktuara nga qendra e tyre)
Gradientet lineare CSS
Për të krijuar një gradient linear, duhet të përcaktoni të paktën dy ndalesa ngjyrash. Ndalesat e ngjyrave janë ngjyrat midis të cilave dëshironi të bëni tranzicion të qetë. Ju gjithashtu mund të vendosni një pikë fillimi dhe një drejtim (ose një kënd) së bashku me efektin e gradientit.
Sintaksë
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:
