https://github.com/itmeo/webgradients

A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.
https://github.com/itmeo/webgradients

backdrop background colors css design front-end gradient palette pure purecss splendid-gradients ui

Last synced: 6 days ago
JSON representation

A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.

• Host: GitHub
• URL: https://github.com/itmeo/webgradients
• Owner: itmeo
• License: mit
• Created: 2017-01-08T10:33:28.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2021-04-07T14:54:50.000Z (over 3 years ago)
• Last Synced: 2024-11-21T06:22:51.584Z (22 days ago)
• Topics: backdrop, background, colors, css, design, front-end, gradient, palette, pure, purecss, splendid-gradients, ui
• Language: CSS
• Homepage: https://webgradients.com
• Size: 62.5 KB
• Stars: 2,431
• Watchers: 39
• Forks: 142
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - itmeo/webgradients - A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats. (CSS)
• awesome-gradient - webgradients - A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats. (CSS)
• awesome-list - webgradients
• awesome - itmeo/webgradients - A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats. (CSS)
• awesome - itmeo/webgradients - A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats. (CSS)

README

        
# WebGradients

A curated collection of splendid gradients made in `CSS3`, `.sketch` and `.PSD` formats. 

[View all the gradients here »](https://webgradients.com)

[![N|Solid](https://beta.airtap.co/img/components/footer/logo-itmeo.svg)](https://itmeo.com)

## How To Use

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 `` of your document.

```

  

    

  

  ...

```

## 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 created under the [MIT](http://opensource.org/licenses/MIT) license.