CSS Gradients | CSS gradient color
![CSS Gradients](https://i.imgur.com/axBPWDg.jpg)
GradientBackgroundsCSSgradientsletyoudisplaysmoothtransitionsbetweentwoormorespecifiedcolors.CSSdefinesthreetypesofgradients:LinearGradients(goesdown/up/left/right/diagonally)RadialGradients(definedbytheircenter)ConicGradients(rotatedaroundacenterpoint)CSSLinearGradientsTocreatealineargradientyoumustdefineatleasttwocolorstops.Colorstopsarethecolorsyouwanttorendersmoothtransitionsamong.Youcanalsosetastartingpointandadirection(oranangle)alongwiththegradienteffect.Syntaxbackground-image:linear-...
![CSS Gradients](http://pix4.agoda.net/hotelimages/4172139/0/24097f8fc1c9959ea5062e8d6497eaad.jpg?s=800x)
Gradient Backgrounds
CSS gradients let you display smooth transitions between two or more specified colors.
CSS defines three types of gradients:
Linear Gradients (goes down/up/left/right/diagonally) Radial Gradients (defined by their center) Conic Gradients (rotated around a center point) CSS Linear GradientsTo create a linear gradient you must define at least two color stops. Color stops are the colors you want to render smooth transitions among. You can also set a starting point and a direction (or an angle) along with the gradient effect.
Syntaxbackground-image: linear-gradient(direction, color-stop1, color-stop2, ...);
Direction - Top to Bottom (this is default)
The following example shows a linear gradient that starts at the top. It starts red, transitioning to yellow:
top to bottom (default)
Direction - Left to Right
The following example shows a linear gradient that starts from the left. ...
取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
Color Shades | CSS gradient color
Colors Gradient | CSS gradient color
CSS Gradient Color Generator | CSS gradient color
CSS Gradient Text | CSS gradient color
CSS Gradient — Generator | CSS gradient color
CSS Gradients | CSS gradient color
linear-gradient() - CSS | CSS gradient color
linear-gradient() - CSS | CSS gradient color
uiGradients | CSS gradient color
Ultimate CSS Gradient Generator | CSS gradient color
Using CSS gradients - CSS | CSS gradient color
![](https://i.imgur.com/axBPWDg.jpg)