Home

Awesome

WebGradients

A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats. View all the gradients here »

N|Solid

How To Use

  1. Download the file webgradients.css.
  2. Place the file in your project folder.
  3. Link the file it in the <head> of your document.
<html>
  <head>
    <link href="webgradients.css" rel="stylesheet">
  </head>
  ...

Browser Compatibility

Some gradients uses the background-blend-mode CSS property. It's supported by the majority of the modern browsers. View full compatibility list (view on Caniuse) »

You can learn more about background-blend-mode here (view on MDN) »

License

WebGradients is created under the MIT license.