maxhoffmann

/**
 * CSS3 Image Gallery
 */

body {
  background: black url(http://subtlepatterns.com/patterns/dark_wood.png);
  font: 14px "Helvetica Neue", Helvetica, sans-serif;
}
h2 {
  color: white;

maxhoffmann

/**
 * CSS3 Border-Radius with Border - Circle Avatars
 */
 
/* General Styles */

body {  background: url(http://subtlepatterns.com/patterns/white_texture.png);
	font: 100 14px sans-serif;
	color: #444555; text-shadow: 0 2px white;
	text-align: center;	

maxhoffmann

/**
 * CSS3 Macbook Keys
 */
body {
background: #eee;
text-align: center;
}
.threed {
	perspective: 400;
	perspective-origin: top;

maxhoffmann

/**
 * Lined paper that follows the text
 * Support: Chrome, FF 3.6+, Saf 5.1+, Opera 11.50+, IE10
 */

/* Just decorative */
padding: 20px;

/* The font. Try changing font-size and see how the lines

maxhoffmann

/**
 * CSS3 Windows Phone 7 UI
 */
* { box-sizing: border-box; }
body {
	margin: 0;
	padding: 40px 10px;
	background: black;
	color: white;
	font: 400 0.9em sans-serif;

maxhoffmann

/* opacity Beispiel */

div {
 width: 300px;
 height: 300px;
 position: absolute;
}

#eins { background: red; }
#zwei {

maxhoffmann

/* CSS3 Colors */

div {
 height: 180px;
 width: 180px;
 margin: 10px;
 padding: 10px;
 float: left;
 color: white;
 font-size: 2em;

maxhoffmann

/* CSS3 selectors */

ul { font-size: 1.5em; color: #999; }

li:last-child { color: red; }

li:nth-child(3n) { color: RoyalBlue; }

li[class^=test] { color: orange } /* starts with */

maxhoffmann

/* CSS3 text-shadow, box-shadow */

div {
 color: white;
 font-size: 1.8em;
 font-family: Helvetica;
 background: #ccc;
 width: 200px;
 height: 200px;
 padding: 20px;

maxhoffmann

/* CSS3 Transformations */

div {
 width: 200px;
 height: 200px;
 padding-top: 85px;
 margin: 20px;
 background: RoyalBlue;
 box-sizing: border-box;
 color: white;