alexmwalker

/**
 * CSS3 Pong *
 */
body{
background: #000;
}

#court {
margin-top:40px;
border:5px dashed #fff;

alexmwalker

/**
 * CSS3 Pong *
 */
 @import url(http://fonts.googleapis.com/css?family=VT323);

body{
background: #000;
color:#070;
font-family:'VT323', Courier, "Courier New", monospace;
}

alexmwalker

/**
 * Dabblet: CSS3 animation basics
 */

@keyframes mysimpleanimation { /* flame pulses */
    0% {background-color:#f00;}
    100% {background-color:#00f;}
}
#example {
  margin:20px;

alexmwalker

/**
 * My Brain Hertz! 
 */
#hertzscreen{
width:380px;
height:223px;
margin: 100px auto;
border:1px #aaa dashed;
background: url(http://sitepointstatic.com/examples/css3/animation/hertz.png);
animation: hertz 4s infinite linear;

alexmwalker

/**
 * My Brain Hertz! 
 */
#hertzscreen{
width:380px;
height:223px;
margin: 100px auto;
border:1px #ddd dashed;
background: url(http://sitepointstatic.com/examples/css3/animation/hertz.png);
animation: hertz 4s infinite linear;

alexmwalker

/**
 * My Brain Hertz! 
 */
#wavescreen{
width:380px;
height:223px;
margin: 100px auto;
border:1px #ddd dashed;
background: url(http://sitepointstatic.com/examples/css3/animation/hertz.png);
animation: hertz 4s infinite linear;

alexmwalker

/**
 * Google's Doodle and Why My Brain Hertz 
 */
#wavescreen{
width:380px;
height:223px;
margin: 100px auto;
border:1px #ddd dashed;
background: url(http://sitepointstatic.com/examples/css3/animation/hertz.png);
animation: hertz 4s infinite linear;

alexmwalker

/**
 * CSS3 Pong *
 */
 @import url(http://fonts.googleapis.com/css?family=VT323);

body{
background: #000;
color:#070;
font-family:'VT323', Courier, "Courier New", monospace;
text-align:center

alexmwalker

/**
 * CSS3 Pong *
 */
 @import url(http://fonts.googleapis.com/css?family=VT323);

body{
background: #000;
color:#070;
font-family:'VT323', Courier, "Courier New", monospace;
text-align:center

alexmwalker

/**
 *  Two Bees or not Two Bees?
 */

body{
background: #000;
min-height:100%;
text-align:center;
font-size:24px;
}