Skip to content

Instantly share code, notes, and snippets.

Avatar

Tim Geronimo Wagner TimWagner

View GitHub Profile
@TimWagner
TimWagner / dabblet.css
Last active Aug 29, 2015 — forked from LeaVerou/dabblet.css
Easy trapezoids with 3D transforms
View dabblet.css
/**
* Easy trapezoids with 3D transforms
*/
p {
position: relative;
display: inline-block;
padding: 1em;
margin: 2em;
}
@TimWagner
TimWagner / dabblet.css
Created Apr 24, 2014
Fancy comment blocks CSS implementation (SO)
View dabblet.css
/**
* Fancy comment blocks CSS implementation (SO)
* http://stackoverflow.com/questions/11573871/fancy-comment-blocks-css-implementation/11574287#11574287
*/
.comment {
width: 500px;
border-radius: 20px;
padding:20px;
margin: 5% auto;
position: relative;
View dabblet.css
/**
* Box with arrow
*/
div {
position: relative;
margin: 100px;
width: 100px;
height: 50px;
background: #88b7d5;
View dabblet.css
/**
* Pure CSS Parallax
*/
@import url(http://fonts.googleapis.com/css?family=Nunito);
html {
height: 100%;
overflow: hidden;
}
View dabblet.css
/**
* Overflow Shadow
*/
html {
min-height: 100%;
background: white;
}
div {
@TimWagner
TimWagner / dabblet.css
Created Jan 25, 2014 — forked from anonymous/dabblet.css
Two-sided Flyer
View dabblet.css
/* Two-sided Flyer */
* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
You can’t perform that action at this time.