WebGradients

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

How To Use

Download the file webgradients.css.
Place the file in your project folder.
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.