Skip to content

Instantly share code, notes, and snippets.

View pixleight's full-sized avatar

Chris Violette pixleight

View GitHub Profile
@pixleight
pixleight / dabblet.css
Created February 8, 2012 17:02
CSS Example: "box-sizing: border-box"
/**
* CSS Example: "box-sizing: border-box"
*/
html {
min-height: 100%;
background: linear-gradient(-45deg, #FFF 0%, #EEE 100%);
}
#page {
font-family: 'Lucida Grande', Verdana, Tahoma, sans-serif;
@pixleight
pixleight / dabblet.css
Created December 29, 2011 16:15
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
html {
background: #FFF;
min-height:100%;
}
#container {
width: 205px;
@pixleight
pixleight / dabblet.css
Created December 21, 2011 21:25
Polaroid photo gallery experiment
/**
* Polaroid photo gallery experiment
*/
@import url(http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo);
html {
background: #f06;
background: linear-gradient(60deg, #AAA, #EEE);
min-height:100%;
@pixleight
pixleight / dabblet.css
Created December 21, 2011 18:31
Webkit animation experiment
/**
* Webkit animation experiment
*/
@-webkit-keyframes title {
0%,100% {
text-shadow: 0 0 5px rgba(255,255,255,0.5);
}
50% {