Skip to content

Instantly share code, notes, and snippets.

View alexmwalker's full-sized avatar

Alex alexmwalker

View GitHub Profile
@alexmwalker
alexmwalker / dabblet.css
Created March 5, 2012 23:20
Galaga!! pew pew pew!
/**
Galaga!! pew pew pew!
Shooting version
*/
body{
padding-top:30px;
font-family:monospace;
@alexmwalker
alexmwalker / dabblet.css
Created March 6, 2012 23:47
Galaga!! pew pew pew!
/**
Galaga!! pew pew pew!
Shooting version
*/
body{
padding-top:30px;
font-family:monospace;
@alexmwalker
alexmwalker / dabblet.css
Created March 6, 2012 23:47
Galaga!! pew pew pew!
/**
Galaga!! pew pew pew!
Shooting version
*/
body{
padding-top:30px;
font-family:monospace;
@alexmwalker
alexmwalker / dabblet.css
Created March 7, 2012 06:48
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body{
font:15px/150% Georgia, serif;
background: linear-gradient(
top, rgba(30,87,153,1)
0%,rgba(125,185,232,1)
32%,rgba(121,160,38,1)
@alexmwalker
alexmwalker / dabblet.css
Created March 7, 2012 07:37
Garden of CSS3den
/**
* Garden of CSS3den
*/
html{
font:20px Georgia, serif;
background: linear-gradient(
top,
#369 0%,
#69c 73%,
@alexmwalker
alexmwalker / dabblet.css
Created March 8, 2012 05:50
The Garden of CSS3den
/**
* The Garden of CSS3den
*/
body{padding:9%;font:20px/160% Georgia;background:#369;background:linear-gradient(#369,#69c 66%,#582 66%,#460 82%,#630 84%,#000);color:#fff;text-align:center}
* *{padding:0;position:relative;border-radius:50%;text-shadow:1px 1px 7px #000}a,:visited{color:#fff;text-decoration:none}
h1{font:700 9em/45%''}article,footer{margin:14% 26%;text-align:left}
:before,:after,nav h2{position:absolute;font:13em'';top:-30%}
nav{top:-22em}nav h2{transform:rotate(90deg);right:-5em;font-size:2em;top:3em}
nav li{margin:5px -3px;border-bottom:4px solid #030;float:left;list-style:none;font:60% arial;background:linear-gradient(#690,#470 38%,#690 42%,#470);padding:1em;transform:rotate(9deg)}
body{padding:2% 8%;font:20px/140% Georgia;background:linear-gradient(bottom,#000,#630 12%,#460 14%,#582 32%,#69c 32%,#369);color:#fff;margin:auto;text-align:center}
body *{position:relative;border-radius:50%;text-shadow:1px 1px 6px #000}
:link,:visited{color:#fff;text-decoration:none}
:before,:after,nav h2{position:absolute;font-size:13em;top:-50%}h1{font-size:9em}
article,footer{;margin:10% 26%}article{text-align:left}
nav li{box-shadow:inset 0 -3px 3px #030;float:left;list-style:none;font:12px arial;background:linear-gradient(top,#690,#470 38%,#690 42%,#470);padding:9px;margin:.4% -.5em;transform:rotate(14deg)skew(9deg)}
nav h2{transform:rotate(90deg);right:-5em;font-size:2em;top:3em}
nav{top:-14em}nav li:nth-child(odd){float:right;transform:rotate(-11deg)}
nav :nth-child(3n){clear:both;transform:rotate(-15deg)}
nav li:nth-child(5n){transform:rotate(10deg)}
body{padding:2% 8%;font:20px/140% Georgia;background:linear-gradient(top,#369,#69c 70%,#582 70%,#460 86%,#630 88%,#000);color:#fff;margin:auto;text-align:center}
body *{position:relative;border-radius:50%;text-shadow:1px 1px 7px #000}
:link,:visited{color:#fff;text-decoration:none}
:before,:after,nav h2{position:absolute;font:700 13em Georgia;top:-50%}h1{font-size:9em}
article,footer{;margin:14% 28%;text-align:left}
nav{top:}
nav li{box-shadow:inset 0 -3px 3px #030;float:left;list-style:none;font:12px arial;background:linear-gradient(top,#690,#470 38%,#690 42%,#470) 50%;padding:1em;margin:.5% 0;transform:rotate(9deg)}
nav h2{transform:rotate(90deg);right:-5em;font-size:2em}
nav li:nth-child(odd){float:right;transform:rotate(-11deg)}
nav :nth-child(3n){clear:both;transform:rotate(-15deg)}
body{padding:2% 8%;font:20px/140% Georgia;background:linear-gradient(bottom,#000,#630 12%,#460 14%,#582 30%,#69c 30%,#369);color:#fff;margin:auto;text-align:center}
body *{position:relative;border-radius:50%;text-shadow:1px 1px 6px #000}
:link,:visited{color:#fff;text-decoration:none}
:before,:after,nav h2{position:absolute;font:700 13em Georgia;top:-50%}h1{font-size:9em}
article,footer{;margin:10% 26%}article{text-align:left}
nav li{box-shadow:inset 0 -3px 3px #030;float:left;list-style:none;font:12px arial;background:linear-gradient(top,#690,#470 38%,#690 42%,#470);padding:9px 9px 13px;margin:.4% 0;transform:rotate(14deg)}
nav h2{transform:rotate(90deg);right:-5em;font-size:2em;top:3em}
nav{top:-14em}nav li:nth-child(odd){float:right;transform:rotate(-11deg)}
nav :nth-child(3n){clear:both;transform:rotate(-15deg)}
nav li:nth-child(5n){transform:rotate(10deg)}
@alexmwalker
alexmwalker / dabblet.css
Created March 12, 2012 09:53
CSS3 Pong *
/**
* 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