jonathansampson

/*

	(function () {
		
		var prop, props = [];
		
		for ( prop in console ) {
			props.push({ 
				name: prop, 
				type: Object.prototype.toString.call( console[ prop ] )

jonathansampson

/* Repeating Lateral Text Shadows - By @LeaVerou */

body { margin: 0 }

h1 {
    color: #3D6AA2;
    position: relative;
    font: bold 2em/1em 'Segoe UI';
}

jonathansampson

/**
 * A Bandeira do Brasil
 */

body { margin: 0 }
html { background: #111111 }

.brasil {
    /* Adjust for larger/smaller flag */
    font-size: 20px;

jonathansampson

/* Make it a marquee */
.marquee {
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

jonathansampson

/**
 * Delayed Animations
 */
@keyframes fadeToBlue {
	50% { 
		background: blue 
	}
}

.foo { 

jonathansampson

/* CSS Dice: An Experiment by Jonathan Sampson - @jonathansampson */
.die.one .dot { 
	box-shadow: 0 .2em 0 #FFF 
}
.die.two .dot { 
	background: transparent;
	box-shadow: -2.3em -2.3em 0 #345, 
		     2.3em  2.3em 0 #345, 
		    -2.3em -2.3em 0 #FFF, 
		     2.3em  2.4em 0 #FFF