Skip to content

Instantly share code, notes, and snippets.

@tomax
tomax / dabblet.css
Created April 7, 2014 08:13
Inline image tweak
/**
* Inline image tweak
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
font: 14px "Open Sans";
font-weight: 100;
@tomax
tomax / dabblet.css
Created October 9, 2013 11:38
animate height auto stolen from http://jsfiddle.net/leaverou/zwvNY/
/* animate height auto stolen from http://jsfiddle.net/leaverou/zwvNY/ */
div {
max-height:1.2em;
background:slategray;
color:white;
transition: 1s;
}
div:hover {
@tomax
tomax / CSS Spinner
Last active December 24, 2015 09:39
CSS spinner (stollen from http://codepen.io/noeldelgado/pen/Bkzlu)
/**
* CSS spinner (stollen from http://codepen.io/noeldelgado/pen/Bkzlu)
*/
.vp-loader-popup .popupContent {
width: 30px;
height: 30px;
position: absolute;
top: 50%;
@tomax
tomax / dabblet.css
Created March 13, 2013 10:38
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
div {
@tomax
tomax / dabblet.css
Created March 12, 2013 12:50
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
div {
@tomax
tomax / dabblet.css
Created March 12, 2013 11:05
Using :active state to close menu item
/**
* Using :active state to close menu item
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
position:relative;
}
@tomax
tomax / dabblet.css
Created March 7, 2013 09:46
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@tomax
tomax / dabblet.css
Created March 7, 2013 09:44
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%;
@tomax
tomax / dabblet.css
Created March 5, 2013 17:12 — forked from LeaVerou/dabblet.css
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@tomax
tomax / dabblet.css
Created March 4, 2013 12:24
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}