Lines Matching refs:gradient
10 This framework supports two gradient styles: linear gradient and repeating linear gradient.
15 To use the gradient style, you need to specify the transition direction and transition color.
21 - **direction**: gradient by direction.
23 - **angle**: gradient by angle.
26 background: linear-gradient(direction/angle, color, color, ...);
27 background: repeating-linear-gradient(direction/angle, color, color, ...);
39 … (gradient from top to bottom)| No | Transition direction, for example, **to left** (gradient fr…
40 … | No | Transition direction, which is the angle between the gradient line and the y-ax…
47 #gradient {
51 background: linear-gradient(red, #00ff00);
63 background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0));
74 background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 255, 0) 60%);
79 4. Repeating gradient
82 …/* Repeating gradient from left to right, the area of which is 30 px (60 – 30) and the opacity is …
83 …background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px…