A huge pack of 49 photorealistic gradients that you can use as content backdrops.
Some of the gradients use blending modes, support for which is limited in some browsers.
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
Hue.css is licensed under the MIT license. (http://opensource.org/licenses/MIT)
HUE CSS is based on the original Sketch gradients by Vladimir Kudinov.
Future versions of this may also introduce a noise pattern overlay, as in the original Sketch gradients.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent