In codepen, whatever you write in the html editor is what goes within the <body> tags in a basic html5 template.
Get Background Gradient Animation Codepen
Images. Codepen hosts exclusively open source code, made by developers as a contribution to the community. See the pen pure css gradient background animation by manuel pinto (@p1n2o) on codepen.light.
Animating Linear Gradient With Css How To Sort Of Do It Css Only from www.scottcole.net
In codepen, whatever you write in the html editor is what goes within the <body> tags in a basic html5 template. Im trying to animate the background gradient of the body every time users scroll through each section. For this we will use xml drawables and an animation list.
Here's a list of some of the great stuff people have been creating with css animations recently!
Animation duration should be tied to the scrollbar position. This is a normal linear gradient on the body with moving animation, that's why i am calling it animated background gradient. Since it still gets referenced daily, i thought i would give it a proper write up. Default stateviolet animated stateorange static state.
