Skip to content

Instantly share code, notes, and snippets.

@gunnarbittersmann
gunnarbittersmann / dabblet.css
Created May 31, 2013 09:33
box-shadow for col
/**
* box-shadow for col
*/
table
{
border-collapse: collapse;
}
col:last-child
@gunnarbittersmann
gunnarbittersmann / dabblet.css
Created May 31, 2013 09:33
box-shadow for col
/**
* box-shadow for col
*/
table
{
border-collapse: collapse;
}
col:last-child
/**
* Firefox bug
*/
main
{
position: relative;
transition: left 1s ease-in-out;
/*
Smooth transition does not work in Firefox
/**
* Flags
*/
#disclaimer { font: 1em Georgia, serif }
/* Sass-generated code */
html {
background: #d6ccc2;
}
/**
* Flags
*/
#disclaimer { font: 1em Georgia, serif }
/* Sass-generated code */
html {
background: #d6ccc2;
}
@gunnarbittersmann
gunnarbittersmann / dabblet.css
Created July 19, 2013 21:10
CSS animation, Safari problem
/**
* CSS animation, Safari problem
*/
@keyframes makeVisible {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@-webkit-keyframes makeVisible {
@gunnarbittersmann
gunnarbittersmann / dabblet.css
Created July 19, 2013 21:10
CSS animation, Safari problem
/**
* CSS animation, Safari problem
*/
@keyframes makeVisible {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@-webkit-keyframes makeVisible {
@gunnarbittersmann
gunnarbittersmann / dabblet.css
Created July 31, 2013 07:49
Single-line text, horizontally scrollable
/**
* Single-line text, horizontally scrollable
*/
output
{
display: block;
font-size: 2em;
width: 20em;
overflow-y: hidden;
@gunnarbittersmann
gunnarbittersmann / dabblet.css
Created September 20, 2013 09:24
border-corner-shape
/**
* border-corner-shape
*/
#radial-gradient
{
width: 42px;
height: 242px;
background-image: radial-gradient(circle at bottom left, transparent 42px, red 42px);
border-top-left-radius: 42px;
@gunnarbittersmann
gunnarbittersmann / dabblet.css
Created October 31, 2013 16:15
Rounded corners and splitted background colors
/**
* Rounded corners and splitted background colors
*/
.thediv { border:1px solid black; border-radius:20px; }
.firstp { background:yellow; margin:0; padding:10px;
border-radius:20px 20px 0 0; }