Skip to content

Instantly share code, notes, and snippets.

@licson
licson / dabblet.css
Created August 26, 2012 10:25
CSS3 background animation
/**
* CSS3 background animation
*/
.gcheckers {
background: linear-gradient(left, rgba(0,216,204,0.3) 0%, rgba(0,216,204,0.3) 25%, transparent 25%, transparent 50%, hsla(60,100%,50%,0.3) 50%,
hsla(60,100%,50%,0.3) 75%, rgba(50,50,255,0.3) 75%), linear-gradient(top, rgba(0,216,204,0.3) 0%, rgba(0,216,204,0.3) 25%, transparent 25%,
transparent
50%, hsla(60,100%,50%,0.3) 50%,
hsla(60,100%,50%,0.3) 75%, rgba(50,50,255,0.3) 75%);
height:100%;
@licson
licson / dabblet.css
Created June 15, 2012 09:06
CSS3 background animation
/**
* CSS3 background animation
*/
.gcheckers {
background: linear-gradient(left, rgba(0,216,204,0.3) 0%, rgba(0,216,204,0.3) 25%, transparent 25%, transparent 50%, hsla(60,100%,50%,0.3) 50%,
hsla(60,100%,50%,0.3) 75%, rgba(50,50,255,0.3) 75%), linear-gradient(top, rgba(0,216,204,0.3) 0%, rgba(0,216,204,0.3) 25%, transparent 25%,
transparent
50%, hsla(60,100%,50%,0.3) 50%,
hsla(60,100%,50%,0.3) 75%, rgba(50,50,255,0.3) 75%);
height:100%;