Lachlan Seward roachhd

Image Swapping ↔ pure Css

Drag the black border. Credits:Original idea: solipsistaCP´s pen

GIVING YOU BADGES.

Got a Node.js project? Get a badge. David is free for public projects on Github.

Declare your dependencies in a package.json file and you're good. David will go work the rest out and you'll get your own project status page, listing your dependencies and their freshness. Click on the examples above for a preview.

Type your username / repo name in below and get yours...

https://david-dm.org/username/repo.png badge

This is how we do it!

<!DOCTYPE html>
<html>
<title>Hello Strapdown</title>

<xmp theme="united" style="display:none;">
# Markdown text goes in here

prose:
  rooturl: '_posts'
  siteurl: 'http://prose.github.io/starter/'
  relativeLinks: 'http://prose.github.io/starter/links.jsonp'
  media: 'media'
  ignore:
    - index.md
    - _config.yml
    - /_layouts

/_includes

	/**
	* Blinking animations
	*/

	@keyframes blink-smooth { to { opacity: 0 } }
	@keyframes blink { 50% { opacity: 0 } }

	p {
	animation: blink-smooth .3s 10 alternate;
	background: yellow;

	<h1>Increasing border-left width</h1>
	<div class="progress"></div>
	<div class="progress"></div>
	<div class="progress"></div>
	<div class="progress"></div>
	<div class="progress"></div>
	<div class="progress"></div>
	<div class="progress"></div>
	<div class="progress"></div>
	<div class="progress"></div>

	.box {
	-moz-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75);
	-o-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75);
	box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75);
	}

	/**
	* RGB plane for R=255
	*/