#fff;000;

[coddinghubit]

Animated Gradient Background with Pure CSS - Code it hub

Author: blucube Views Total: 7,403 views Official Page: Go to website Last Update: July 5, 2014 License: Unknown Preview: Description: An animated gradient background using CSS3 box-shadow property and keyframe animations, written in LESS and created by blucube. How to use it: Create three DIV layers for the animated gradient background. The LESS code. @diameter: 45vmax; body { background: #000; } h1 { position: absolute; width: 100%; text-align: center; top: 48vh; color: #fff; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: .7em; font-size: 20pt; font-weight: normal; opacity: .2; text-transform: uppercase; } div { position: absolute; width: .001vmin; height: .001vmin;…

[thecodemaking]

Animated Gradient Background with Pure CSS - Code it hub

Author: blucube Views Total: 7,403 views Official Page: Go to website Last Update: July 5, 2014 License: Unknown Preview: Description: An animated gradient background using CSS3 box-shadow property and keyframe animations, written in LESS and created by blucube. How to use it: Create three DIV layers for the animated gradient background. The LESS code. @diameter: 45vmax; body { background: #000; } h1 { position: absolute; width: 100%; text-align: center; top: 48vh; color: #fff; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: .7em; font-size: 20pt; font-weight: normal; opacity: .2; text-transform: uppercase; } div { position: absolute; width: .001vmin; height: .001vmin;…