MizR

/**
 * The first commented line is your dabblet’s title
 */

background-color: black;
background-image: linear-gradient(45deg, #232323 25%, transparent 25%, transparent 75%, black 75%, black), 
    linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:5px 5px;
background-position: 0 0, 10px 10px;

MizR

/* Pounding heart animation */
body { text-align: center; background: #000; }
.wr {
margin:auto;
width:400px;
height:300px;
}
@keyframes diams1 {
	from { transform:rotate(00deg); color:#c0c0c0; }
	50% { transform: scale(1.4); }

MizR

body {
background: url(http://farm3.static.flickr.com/2320/2119636183_cc84ba6efc_b.jpg) top no-repeat;
background-size:cover;
}
@keyframes moon {
	from { transform:rotate(00deg); color:#c0c0c0; }
	50% { transform: translateY(-520px); }
	to { transform: translateX(320px);}
}

MizR

body {
background-color: #312525;
background-size: 58px 58px;
background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
background-image: linear-gradient(335deg, #220000 23px, transparent 23px),
linear-gradient(155deg, #260000 23px, transparent 23px),
linear-gradient(335deg, #220000 23px, transparent 23px),
linear-gradient(155deg, #220000 23px, transparent 23px);
}
@keyframes bar1 {

MizR

/**
 * iOS 6 style switch checkboxes
 * by Lea Verou http://lea.verou.me
 */

:root input[type="checkbox"] { /* :root here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}

MizR

/**
 * Switch-style checkboxes.
 * Inspired by Espresso’s “Tools” switch
 */

input[type="checkbox"]:not(:checked), 
input[type="checkbox"]:checked { /* :checked here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}

MizR

/* Vertically centered text with SVG */

div {
	width: 300px;
	height: 150px;
	background: #f06;
	font: bold 150% sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
	overflow: hidden; resize: both; /* just for this demo */

MizR

@keyframes scroll-down {
	from { -webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
  }
	50% { -webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);

MizR

/**
 * The first commented line is your dabblet’s title
 */

.cbp-rfgrid {
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;

MizR

/**
 * The first commented line is your dabblet’s title
 */

background: #fff;
min-height: 100%;