roachhd

[![Dependency Status](https://www.versioneye.com/nodejs/request/badge.svg)](https://www.versioneye.com/nodejs/request)

roachhd

<!-- CDN for bootstrap css and JS min files. Always the latest version -->   
   <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script type='text/javascript' src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

<!-- CDN for jQuery JS min files. Always the 1.11.0 version -->   
   <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

roachhd

Want a sexy CodeShip badge?

Shit Yeah! ==

######How to add it:

roachhd

This is intended as a quick reference and showcase. For more complete info, see John Gruber's original spec and the Github-flavored Markdown info page.

roachhd

var s = document.createElement('link');
s.rel='stylesheet';
s.type='text/css';
s.href="http://stevenf.com/pages/shutup/shutup-latest.css";
document.body.appendChild(s);
void(0);

roachhd

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;

roachhd

Best Gist gists

Lea Verou >

roachhd

/**
 * Border clipping with border-image
 * Support: Chrome, Opera, Safari, Firefox. Cannot get it to work in IE11, even though it supports border-image…
 * Note: In CSS Backgrounds & Borders 4, there will be a property to clip borders (likely called border-clip). Until then though…
 * Author: Lea Verou
 */

div {
	border-top: .2em solid; /* Sets the thickness, also serves as fallback when no border-image */
	border-image: 100% 0 0 linear-gradient(90deg, currentColor 5em, transparent 0); /* 5em is the width of clipped border */

roachhd

/**
 * animation-fill-mode with non-integer animation-iteration-count
 */

@keyframes foo { to { background: black }}

body {
	animation: foo 3s .4 both linear;
}

roachhd

/**
 * Bouncy bouncy
 */

@keyframes foo {
	60%, 80%, to { margin-top: 400px; }
	70% { margin-top: 330px; animation-timing-function: ease-in; }
	90% { margin-top: 370px; animation-timing-function: ease-in; }
}