A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 9a225c4 Oct 30, 2017
Permalink
Failed to load latest commit information.
LICENSE Initial commit Jan 8, 2017
README.md fixed header Oct 30, 2017
webgradients.css Removed some extra curly braces Feb 24, 2017

README.md

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.