TimGeronimoLam

/**
 * Easy trapezoids with 3D transforms
 */

p {
	position: relative;
	display: inline-block;
	padding: 1em;
	margin: 2em;
}

TimGeronimoLam

/**
 * Fancy comment blocks CSS implementation (SO)
 * http://stackoverflow.com/questions/11573871/fancy-comment-blocks-css-implementation/11574287#11574287
 */
.comment {
	width: 500px;
	border-radius: 20px;
	padding:20px;
	margin: 5% auto;
	position: relative;

TimGeronimoLam

/**
 * Box with arrow
 */

div {
  position: relative;
  margin: 100px;
  width: 100px;
  height: 50px;
  background: #88b7d5;

TimGeronimoLam

/**
 * Pure CSS Parallax
 */

@import url(http://fonts.googleapis.com/css?family=Nunito);

html {
  height: 100%;
  overflow: hidden;
}

TimGeronimoLam

/**
 * Overflow Shadow
 */

html {
	min-height: 100%;
	background: white;
}

div {

TimGeronimoLam

/* Two-sided Flyer */

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}