teetteet

/** 
 * Checkerboard pattern
 * (a bit buggy in Webkit, see bug #54615)
 */

background-color: white;
background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
    linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:100px 100px;
background-position: 0 0, 50px 50px;

teetteet

/** 
 * Polka dot pattern
 */

background: radial-gradient(circle, white 10%, transparent 10%),
  radial-gradient(circle, white 10%, black 10%) 50px 50px;
background-size:100px 100px;

teetteet

/* Japanese cube pattern */

background-color:#556;
background-image: linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
    linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
    linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
    linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
    linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), 
    linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
background-size:80px 140px;

teetteet

background-color:silver;
background-image: 
	radial-gradient(100% 150%, circle, silver 24%, white 25%, white 28%, silver 29%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
	radial-gradient(0    150%, circle, silver 24%, white 25%, white 28%, silver 29%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
	radial-gradient(50%  100%, circle, white 10%, silver 11%, silver 23%, white 24%, white 30%, silver 31%, silver 43%, white 44%, white 50%, silver 51%, silver 63%, white 64%, white 71%, transparent 71%, transparent),
	radial-gradient(100% 50%,  circle, white 5%, silver 6%, silver 15%, white 16%, white 20%, silver 21%, silver 30%, white 31%, white 35%, silver 36%, silver 45%, white 46%, white 49%, transparent 50%, transparent),
	radial-gradient(0    50%,  circle, white 5%, silver 6%, silver 15%, white 16%, white 20%, silver 21%, silver 30%, white 31%, white 35%, silver 36%, silver 45%, white 46%, white 49%, transparent 50%, transparent);
background-size:100px 50px;

teetteet

<!--
  Random Alien-Avatar Generator

  Create a random alien my friend. 


  2012 by Tim Pietrusky
  timpietrusky.com
-->

teetteet

<!--
  Random Alien-Avatar Generator

  Create a random alien my friend. 


  2012 by Tim Pietrusky
  timpietrusky.com
-->

teetteet

body{
    font-size: 12px;
    overflow: hidden;
}
nav{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    line-height: 30px;

teetteet

body { background-color: #DDDDDD; font: 30px sans-serif; }

teetteet

/**
 * Animated HTML5 / CSS3 image caption - Example 1
 */

/* page styles */

body{
	background: #fff;
	min-height:100%;
}

teetteet

/**
 * Animated HTML5 / CSS3 image caption - Example 2
 */

/* page styles */

body{
	background: #fff;
	min-height:100%;
}