Hue CSS
A huge pack of 49 photorealistic gradients that you can use as content backdrops.
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:
theBridgedeepFocusblueHourdarkAmberpreludesaltAndPeppercashemerewolverinefullMoonflamingoearlyMorningnearLightmirrordementorunderTheEarthbackToAlaskaflashtributetwinPeaksyoungForestairtranquilitysilverLakeamnesiasilverStonegreyConnectiontheCapsulehiddenGemsnightSmoothiegoldenLeaffloatingDreamescapeicarusflashlightmilkyWaycircularautumnnorthKingdomjupiterwhiteNoisesilverSurferblackSandsgreyHoundreturnToAirgraphiteunicorncosmosicecomet
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.