Skip to content
A huge pack of 49 photorealistic gradients that you can use as content backdrops.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
partials - rainy Sunday fixes Apr 24, 2016
README.md added link to unicorn backdrop Mar 5, 2016
hue.css - rainy Sunday fixes Apr 24, 2016
hue.scss Broken hue.css into Sass partials, then re-compiled from those. Feb 7, 2016

README.md

Hue CSS

A huge pack of 49 photorealistic gradients that you can use as content backdrops.

View demo »

Browser support

Some of the gradients use blending modes, support for which is limited in some browsers.

How to use

Download the stylesheet hue.css, add it to your project folder structure, then call it in the <head> section of your document.

html
  <head>
    <link rel="stylesheet" href="hue.css">
  </head>

or you can also compile any of the individual classes, from the partials list folder with the SCSS versions.

Add to any element the class corresponding to the backdrop you want to add. You can select any of the available classes below:

License

Hue.css is licensed under the MIT license. (http://opensource.org/licenses/MIT)

Credit where credit is due

HUE CSS is based on the original Sketch gradients by Vladimir Kudinov.

Future

Future versions of this may also introduce a noise pattern overlay, as in the original Sketch gradients.

You can’t perform that action at this time.