alexmwalker

/**
 * 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

/**
 * 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

/**
 * CSS3 Animated Flames *
 Improved version using the 'steps' attribute to control the sprite switching
 */

body {background-color:#000}

#logfire {
    position:relative;
    background:url(http://sitepointstatic.com/examples/css3/animation/logfire.jpg?r=2) center top no-repeat;

alexmwalker

/**
 *  Two Bees or not Two Bees?
 */
html:before, html:after{
content:"٭";
color:yellow;
font-size:350px;
position:absolute;
top:-230px;
left:138px;

alexmwalker

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

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;

alexmwalker

/**
 * The first commented line is your dabblet’s title
 */
body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height:100%;
}

alexmwalker

/**
 * Galaga!! pew pew pew!
 */
body{
padding-top:30px;
font-family:sans-serif;
font-size:28px;
background: #000;

alexmwalker

/**
 * Galaga!! pew pew pew!
 */
body{
padding-top:30px;
font-family:sans-serif;
font-size:28px;
background: #000;
color:#fff;
background-image:

alexmwalker

/**
 * Galaga!! pew pew pew!
 */
body{
padding-top:30px;
font-family:sans-serif;
font-size:28px;
background: #000;
color:#fff;
background-image:

alexmwalker

/**
 * Galaga!! pew pew pew!
 */
body{
padding-top:30px;
font-family:sans-serif;
font-size:28px;
background: #000;