ahdezm

$${x}^{2}$$
<canvas width="200" height="200"></canvas>
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG.js"></script>

ahdezm

var flatten = function(obj){
	return Array.prototype.concat.apply([],Object.keys(obj).map(function(self){
		return obj[self];
	}));
};

ahdezm

/**
 * CSS Animated Repeating Gradient
 */
body {
	background: repeating-linear-gradient(-45deg,red,red 20px,blue 20px,blue 40px);
	background-size:56px 56px;/* This is unique for this background, need to find a pattern and develop a formula */
	background-position-x:0%;
	-webkit-animation:'slide' 20s infinite linear forwards;

}

ahdezm

/**
 * CSS: Flip Clock
 */

html,body {
	margin:0;
	height:100%;
}

body {

ahdezm

/**
 * The first commented line is your dabblet’s title
 */
body {
	margin:0;
	background:rgb(0,0,20);
}
#light {
	position:relative; 
	width:0;

ahdezm

/**
 * The first commented line is your dabblet’s title
 */
body {
background:hsl(0,0%,6%);
}
.badge {
	width:200px;
	height:200px;
	border-radius:50%;

ahdezm

/**
 * Notebook Background
 */
 
/*Recomended font for text: @import url("http://fonts.googleapis.com/css?family=The+Girl+Next+Door"); */

html,body {
	height:100%;
	width:100%;
}

ahdezm

/**
 * CSS Cloud
 */
body {
	background:radial-gradient(center,circle,#0A253D,#051C29);
}
#cloud {
	margin:100px auto;
	width:210px;
	height:90px;

ahdezm

/**
 * Twitter Button
 */
 
.twitter {
	display: inline-block;
	padding: 15px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;