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 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% {
@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 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 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;
/*Now the styles*/
* {
margin: 0;
padding: 0;
}
body {
background: #ccc;
font-family: arial, verdana, tahoma;
}
@pixleight
pixleight / dabblet.css
Created April 30, 2012 20:29
CSS Speech Bubble
/**
* CSS Speech Bubble
*/
html {
background: #EEE;
}
.wrap {
width: 960px;
margin: 0 auto;
@pixleight
pixleight / dabblet.css
Created May 4, 2012 17:48
CSS-only Page Curl Box Shadow
/**
* CSS-only Page Curl Box Shadow
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
html {
background: #DEF;
background: linear-gradient(45deg, #EFF, #DEF);
min-height: 100%;
@pixleight
pixleight / dabblet.css
Created May 7, 2012 18:11
CSS-only Page Curl Box Shadow
/**
* CSS-only Page Curl Box Shadow
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
html {
background: #DEF;
background: linear-gradient(45deg, #EFF, #DEF);
min-height: 100%;
@pixleight
pixleight / dabblet.css
Created May 7, 2012 18:17
CSS-Only Pinterest-style box columns
/**
* CSS-Only Pinterest-style box columns
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
html {
background: #DEF;
background: linear-gradient(45deg, #FFE, #FED);
@pixleight
pixleight / dabblet.css
Created May 8, 2012 16:01
Image titles
/**
* Image titles
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
html{
background: #EFE;
background: linear-gradient(45deg, #EFE, EEF);
min-height: 100%;