CSS Playground


Just a place where I mess around with random CSS stuff

Static Gradients Dynamic Gradients Animations



Static Gradients

Black To Blue Gradient
Black To Blue - 50% Opacity
CSS:
background: linear-gradient(#000000, #31338d);
CSS:
background: linear-gradient(#00000050, #31338d50);



White to Gold Gradient
Black to Gold Gradient
CSS:
background: linear-gradient(#ffffff, #d4af37);
CSS:
background: linear-gradient(#000000, #d4af37);


Read more about linear-gradient()



Dynamic Gradients

RGB
Original code by:
Milan Nohejl (nohoid)


Animations

This is a Breathing text.

CSS:

This is a Beating text.

CSS: