Spletno orodje za gradient CSS
CSS Gradient je veselo majhno spletno mesto in brezplačno orodje, ki vam omogoča ustvarjanje gradientnega ozadja za spletna mesta.
Prelivi CSS vam omogočajo prikaz gladkih prehodov med dvema ali več določenimi barvami.
CSS definira dve vrsti prelivov:
- Linearni prelivi (gre dol/gor/levo/desno/diagonalno)
- Radialni prelivi (določeni z njihovim središčem)
Linearni prelivi CSS
Če želite ustvariti linearni preliv, morate določiti vsaj dve barvni meji. Barvni postanki so barve, med katerimi želite upodabljati gladke prehode. Nastavite lahko tudi začetno točko in smer (ali kot) skupaj z učinkom gradienta.
Sintaksa
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:
