Skip to content

Instantly share code, notes, and snippets.

View alexmwalker's full-sized avatar

Alex alexmwalker

25 followers · 3 following
View GitHub Profile
@alexmwalker
alexmwalker / dabblet.css
Created February 16, 2012 01:53
CSS3 Animated Flame *
/**
* CSS3 Animated Flame *
*/
body {background-color:#000}
div {outline:1px dashed #f00;}
#logfire {
position:relative;
background:url(http://sitepointstatic.com/examples/css3/animation/logfire.jpg?r=2) center top no-repeat;
height:400px;
@alexmwalker
alexmwalker / dabblet.css
Created February 16, 2012 08:08
CSS3 Animated Flame *
/**
* CSS3 Animated Flame *
*/
body {background-color:#000}
#logfire {
position:relative;
background:url(http://sitepointstatic.com/examples/css3/animation/logfire.jpg?r=2) center top no-repeat;
height:400px;
@alexmwalker
alexmwalker / dabblet.css
Created February 16, 2012 23:31
CSS3 Animated Flames *
/**
* CSS3 Animated Flames *
*/
body {background-color:#000}
#logfire {
position:relative;
background:url(http://sitepointstatic.com/examples/css3/animation/logfire.jpg?r=2) center top no-repeat;
height:400px;
@alexmwalker
alexmwalker / dabblet.css
Created February 17, 2012 02:13
CSS3 Animated Flame - step 1*
/**
* CSS3 Animated Flame - step 1*
*/
body {background-color:#000}
div {outline:1px dashed #f00;}
#logfire {
position:relative;
background:url(http://sitepointstatic.com/examples/css3/animation/logfire.jpg?r=2) center top no-repeat;
@alexmwalker
alexmwalker / dabblet.css
Created February 17, 2012 02:16
CSS3 Animated Flame *
/**
* CSS3 Animated Flame *
*/
body {background-color:#000}
div {outline:1px dashed #f00;}
#logfire {
position:relative;
background:url(http://sitepointstatic.com/examples/css3/animation/logfire.jpg?r=2) center top no-repeat;
height:400px;
@alexmwalker
alexmwalker / dabblet.css
Created February 17, 2012 02:20
CSS3 Animated Flame *
/**
* CSS3 Animated Flame *
*/
body {background-color:#000}
#logfire {
position:relative;
background:url(http://sitepointstatic.com/examples/css3/animation/logfire.jpg?r=2) center top no-repeat;
height:400px;
margin-top:100px
@alexmwalker
alexmwalker / dabblet.css
Created February 17, 2012 03:41
CSS3 Animated Flames *
/**
* CSS3 Animated Flames *
*/
body {background-color:#000}
#logfire {
position:relative;
background:url(http://sitepointstatic.com/examples/css3/animation/logfire.jpg?r=2) center top no-repeat;
height:400px;
@alexmwalker
alexmwalker / dabblet.css
Created February 17, 2012 07:53
CSS3 Pong *
/**
* CSS3 Pong *
*/
body{
background: #000;
}
#court {
margin-top:30px;
border:5px dashed #fff;
@alexmwalker
alexmwalker / dabblet.css
Created February 17, 2012 09:28
CSS3 Pong *
/**
* CSS3 Pong *
*/
body{
background: #000;
}
#court {
margin-top:30px;
border:5px dashed #fff;
@alexmwalker
alexmwalker / dabblet.css
Created February 17, 2012 09:33
CSS3 Pong *
/**
* CSS3 Pong *
*/
body{
background: #000;
}
#court {
margin-top:40px;
border:5px dashed #fff;