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.