Lines Matching refs:gradient
9 The development framework supports two gradient styles: linear gradient and repeating linear gradie…
14 To use the gradient style, you must specify the transition direction and transition color.
21 - **direction**: gradient by direction.
23 - **angle**: gradient by angle.
27 background: linear-gradient(direction/angle, color, color, ...);
28 background: repeating-linear-gradient(direction/angle, color, color, ...);
40 …m (gradient from top to bottom)| No | Transition direction. For example, **to left** (gradient f…
41 … | No | Transition direction, which is the angle between the gradient line and the y-ax…
49 #gradient {
53 background: linear-gradient(red, #00ff00);
63 background: linear-gradient(45deg, rgb(255, 0, 0),rgb(0, 255, 0));
72 background: linear-gradient(to right, rgb(255, 0, 0) 90px, rgb(0, 255, 0) 60%);
77 4. Repeating gradient
80 …/* Repeating gradient from left to right, the area of which is 30 px (60 – 30) and the opacity is …
81 …background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30vp,rgba(0, 0, 255, .5) 60vp…