Skip to content

Instantly share code, notes, and snippets.

View dumaurier's full-sized avatar
🍉

Josh Vogt dumaurier

🍉
View GitHub Profile
@dumaurier
dumaurier / dabblet.css
Created December 23, 2011 04:17
CSS Filters!
/**
* CSS Filters!
*/
img{
margin:5px;
}
img:nth-of-type(1){
@dumaurier
dumaurier / dabblet.css
Created December 23, 2011 13:08
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
@dumaurier
dumaurier / dabblet.css
Created December 23, 2011 15:15
CSS Filters!
/**
* CSS Filters!
*/
figure:nth-of-type(1) img{
-webkit-filter:grayscale(1);
-webkit-transition:-webkit-filter 1s ease-in-out;
}
figure:nth-of-type(1) img:hover{
@dumaurier
dumaurier / dabblet.css
Created January 31, 2012 16:24
Animate and Transition
/**
* Animate and Transition
*/
@-webkit-keyframes move{
0%{height:200px;width:200px;}
50%{height:300px;width:300px;}
}
div{
@dumaurier
dumaurier / dabblet.css
Created January 31, 2012 16:41
Transitioning & Animation The Same Property - You can't!
/**
* Transitioning & Animation The Same Property - You can't!
*/
*{transition:all 1s ease;}
@keyframes move{
0%{height:200px;width:200px;}
50%{height:300px;width:300px;}
}
@dumaurier
dumaurier / dabblet.css
Created February 7, 2012 20:05
FUN WITH RADIO BUTTONS
/**
* FUN WITH RADIO BUTTONS
*/
body{
margin-top:100px;
}
input[type="text"]{
display:inline-block;
height:30px;
@dumaurier
dumaurier / dabblet.css
Created February 7, 2012 21:08
FUN WITH RADIO BUTTONS v3
/**
* FUN WITH RADIO BUTTONS v3
*/
body{
margin-top:100px;
}
h3{
font-family:sans-serif;
color:#007ac9;
@dumaurier
dumaurier / dabblet.css
Created February 7, 2012 20:49
FUN WITH RADIO BUTTONS v2
/**
* FUN WITH RADIO BUTTONS v2
*/
body{
margin-top:100px;
}
input[type="text"]{
display:inline-block;
height:30px;
@dumaurier
dumaurier / dabblet.css
Created February 8, 2012 12:15
Search Filter Toggle
/**
@dumaurier
dumaurier / dabblet.css
Created February 17, 2012 21:25
BUTTONS
/**
* BUTTONS
*/
.dashButton{
display:inline-block;
height:55px;
width:210px;
text-align:center;
background: linear-gradient(top, #64e0d8 0%,#03b3a9 42%,#03b3a9 100%);