Għodda tal-Gradjent CSS onlajn
CSS Gradient hija websajt ftit kuntenta u għodda b'xejn li tħallik toħloq sfond gradjent għall-websajts.
Il-gradjenti CSS iħalluk turi transizzjonijiet bla xkiel bejn żewġ kuluri speċifikati jew aktar.
CSS jiddefinixxi żewġ tipi ta 'gradjenti:
- Gradjenti Lineari (jinżel 'l isfel / 'il fuq / xellug / lemin / dijagonalment)
- Gradjenti radjali (definiti miċ-ċentru tagħhom)
Gradjenti Lineari CSS
Biex toħloq gradjent lineari trid tiddefinixxi mill-inqas żewġ waqfiet tal-kulur. Il-waqfiet tal-kulur huma l-kuluri li trid tirrendi tranżizzjonijiet bla xkiel bejniethom. Tista 'wkoll tissettja punt tat-tluq u direzzjoni (jew angolu) flimkien mal-effett tal-gradjent.
Sintassi
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:
