Uirlis Grádáin CSS Ar Líne
Is suíomh Gréasáin beag sásta é CSS Gradient agus uirlis saor in aisce a ligeann duit cúlra grádán a chruthú do láithreáin ghréasáin.
Ligeann grádáin CSS duit trasdulta míne idir dhá dhath sonraithe nó níos mó a thaispeáint.
Sainmhíníonn CSS dhá chineál grádáin:
- Grádáin Líneacha (téigh síos/suas/clé/deas/go trasnánach)
- Grádáin Ghathacha (arna sainiú ag a lár)
Grádáin Líneacha CSS
Chun grádán líneach a chruthú ní mór duit dhá stad datha ar a laghad a shainiú. Is ionann stadanna datha agus na dathanna ar mhaith leat trasdulta míne a sholáthar ina measc. Is féidir leat pointe tosaigh agus treo (nó uillinn) a shocrú chomh maith leis an éifeacht grádáin.
Comhréir
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:
