2017-01-29 19:45:19 +03:00
|
|
|
# WebGradients
|
|
|
|
|
A curated collection of splendid gradients made in `CSS3`, `.sketch` and `.PSD` formats.
|
|
|
|
|
[View all the gradients here »](https://webgradients.com)
|
|
|
|
|
|
|
|
|
|
[](https://itmeo.com)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
##How To Use
|
2017-01-30 08:21:14 +03:00
|
|
|
1. Download the file [`webgradients.css`](https://github.com/itmeo/webgradients/blob/master/webgradients.css).
|
|
|
|
|
2. Place the file in your project folder.
|
|
|
|
|
3. Link the file it in the `<head>` of your document.
|
2017-01-29 19:45:19 +03:00
|
|
|
|
|
|
|
|
```
|
|
|
|
|
<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) »](http://caniuse.com/#search=background-blend-mode)
|
|
|
|
|
|
|
|
|
|
You can learn more about `background-blend-mode` [here (view on MDN) »](https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode)
|
|
|
|
|
##License
|
|
|
|
|
WebGradients is licensed under the [MIT](http://opensource.org/licenses/MIT) license.
|
|
|
|
|
|
