zincplusplus

/**
* cute skull
**/
background: 	radial-gradient(circle, #F4DE37 2%, transparent 2%) -45em 15em,
		radial-gradient(circle, #F4DE37 2%,  transparent 2%) -35em 15em,
		radial-gradient(circle, #F4DE37 10%, transparent 10%) -60em -5em,
		radial-gradient(circle, #F4DE37 8%,  transparent 8%) -20em -5em,
		radial-gradient(circle, #F46837 40%, transparent 40%) -40em -30em,
		radial-gradient(circle, #F46837 20%, transparent 20%) -40em 10em,

zincplusplus

/**
 * snow flake
 */

background:
linear-gradient(90deg, transparent 43%, rgba(255,255,255,.3) 43%, rgba(255,255,255,.3) 57%, transparent 57%) 0 5em,
radial-gradient(circle, transparent 40%, red 40%, red 96%, transparent 96%) -50em -45em,
linear-gradient(0, transparent 40%, #fff 40%, #fff 60%, transparent 60%) 25em 25em,
linear-gradient(90deg, transparent 40%, #fff 40%, #fff 60%, transparent 60%) 25em 30em,
linear-gradient(45deg, transparent 42%, #fff 42%, #fff 58%, transparent 58%) 26em 30em,

zincplusplus

/**
* canvas
**/
background-color: #dedede;
background-image: 
linear-gradient(45deg, transparent 40%, #dedede 40%, #dedede 50%, transparent 50%, transparent 90%, #dedede 90%),
linear-gradient(-45deg, transparent 40%, rgba(0,0,0,.1) 40%, rgba(0,0,0,.1) 50%, transparent 50%, transparent 90%, rgba(0,0,0,.1) 90%),
linear-gradient(-45deg, transparent 30%, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 40%, transparent 40%, transparent 80%, rgba(255,255,255,.2) 80%, rgba(255,255,255,.2) 90%, transparent 90%);
background-size: 10em 10em;
font-size:1px;

zincplusplus

/**
* couch
**/

background: 
radial-gradient(circle, #c5376d 2%, transparent 2%) 100em 100em,
radial-gradient(circle, #c5376d 2%, transparent 2%),
linear-gradient(-45deg, transparent 49.5%, #c5376d 49.5%, #c5376d 50%, transparent 50%, transparent 99.5%, #a39483 99.5%),
linear-gradient(45deg, transparent 49.5%, #c5376d 49.5%, #c5376d 50%, transparent 50%, transparent 99.5%, #a39483 99.5%);
background-size:200em 200em;

zincplusplus

/**
* Christmass present
**/
background: 
linear-gradient(135deg, transparent 85%, red 85%) 72em -27em,
linear-gradient(315deg, transparent 85%, red 85%) 29em -70em,
radial-gradient(circle, red 40%, transparent 40%) 50em 51em,
linear-gradient(45deg, transparent 67%, red 85%) 29em 73em,

zincplusplus

/**
* fibonaci
**/
BODY {
    counter-reset: nra;
}
.fibonaci:after,
.fibonaci div:after {
	content: " " counter(nra);
	counter-increment: nra;}

zincplusplus

/**
* kremlin2
**/
background:
linear-gradient(-45deg, transparent 50%, rgba(0,0,0,0.05) 50%),
linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.2) 50%),
linear-gradient(315deg, red 0%, red 25%, transparent 25%) -50em 0,
linear-gradient(225deg, red 0%, red 25%, transparent 25%) -50em 0,
linear-gradient(135deg, red 0%, red 25%, transparent 25%),
linear-gradient(45deg, red 0%, red 25%, transparent 25%);	

zincplusplus

/**
* jack frost
**/
background:
radial-gradient(circle, black 3%, transparent 3%) 3px -33px,		/* rigth eye */
radial-gradient(circle, black 3%, transparent 3%) -3px -33px,		/* left eye */
linear-gradient(75deg, orange 4%, transparent 4%) -50px 8px,		/* nose */
radial-gradient(circle, white 15%, transparent 15%) 0 -31px,		/* head */
radial-gradient(circle, rgba(0,0,0,.05) 15%, transparent 15%) 0px -30px,/* head shadow */
radial-gradient(circle, red 15%, transparent 15%) 0px -28px,		/* neck scarf */

zincplusplus

/**
* carbon fiber
**/
background:
radial-gradient(circle, #231d18 25%, transparent 25%) 3em 3em,
radial-gradient(circle, #3f3932 25%, transparent 25%) 3em 4em,
radial-gradient(circle, #231d18 25%, transparent 25%),
radial-gradient(circle, #3f3932 25%, transparent 25%) 0 1em; 
background-size: 6em 6em;
background-color: #38322b;

zincplusplus

/**
* Merry Christmass Newsletter Template
**/

body {	
	background: 	linear-gradient(27deg, transparent 48%, rgba(0,0,0,0.5) 48%, transparent 49%),
			linear-gradient(-27deg, transparent 48%, rgba(0,0,0,0.5) 48%, transparent 49%);
	background-size: 20px 40px;
	background-color: #00906f;
	height: 100%;