dacreep

/**
 * The first commented line is your dabblet’s title
 */
@keyframes rotate{
	from{
		transform:rotate(0deg) translate(-5px) rotate(0deg);
		background-color:orange;
	}
	to{
		transform:rotate(360deg) translate(-5px) rotate(-360deg);

dacreep

/**
 * Image slide across screen - CSS3 (SO)
 * http://stackoverflow.com/q/12729639/1397351 
 */
body { overflow: hidden; }
img {
	position: absolute;
	left: -100%;
	margin: 7em -244px;
	animation: slide 4s infinite;

dacreep

body {	
	background: #222;
}
 
#main {
	margin: 10%;
 
}
 
h2 {

dacreep

/**
 * Animated HTML5 / CSS3 image caption - Example 4
 */
 
/* page styles */
 
body{
	background: #fff;
	min-height:100%;
}

dacreep

/**
CSS3 pattern Carbon firbe in three gradients, original with four radial gradients in Lea Verou's css3 pattern gallery 
http://lea.verou.me/css3patterns/#carbon-fibre
*/
background:
  radial-gradient(transparent 37%, #282828 35%, #282828 70%, transparent 70%) 4px 4px,
  radial-gradient(black 30%, transparent 32%) 0 0,
  radial-gradient(rgba(255,255,255,.1) 30%, transparent 40%) 0 1px;
background-color:#282828;
background-size:16px 16px,8px 8px,8px 8px;

dacreep

/**
CSS3 pattern Carbon firbe in three gradients, original with four radial gradients in Lea Verou's css3 pattern gallery 
http://lea.verou.me/css3patterns/#carbon-fibre
*/
background:
  radial-gradient(transparent 37%, #282828 35%, #282828 70%, transparent 70%) 4px 4px,
  radial-gradient(black 30%, transparent 32%) 0 0,
  radial-gradient(rgba(255,255,255,.1) 30%, transparent 40%) 0 1px;
background-color:#282828;
background-size:16px 16px,8px 8px,8px 8px;

dacreep

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

#techList {
	position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: 'Oswald', sans-serif;
  font-size: 100%;
  text-transform: uppercase;

dacreep

/**
 * Playable Pong by 𝓐𝒍𝒆𝒙 𝓜 𝓦𝓪𝓵𝓴𝓮𝓻
  working - not scoring 
 */

body{overflow:hidden;
font-family:'Arial Narrow', sans-serif;
background:#000;
margin:0;
padding:0;

dacreep

/**
 * CSS callouts
 */
#frame {
	width: 300px;
	padding: 12px;
	margin: 0 auto;
	margin-top: 12px;
	border: 1px solid #ccc;
	font-size: 14px;

dacreep

html {
  width: 100%;
  height: 100%;
}
body {
  text-align: center;
}
.grooveshark {
  color: #f77f00;
  font-family: NuvoWeb-Medi, sans-serif;