Skip to content

Instantly share code, notes, and snippets.

aspirisen aspirisen

Block or report user

Report or block aspirisen

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@aspirisen
aspirisen / dabblet.css
Created May 29, 2015
Text masking — The SVG way
View dabblet.css
/**
* Text masking — The SVG way
*/
svg {
width: 6em; height: 1.5em;
font: 900 500%/1.2 'Arial Black', sans-serif;
}
text { fill: url(#wood); }
@aspirisen
aspirisen / dabblet.css
Created May 8, 2015 — forked from LeaVerou/dabblet.css
Text masking — The SVG way
View dabblet.css
/**
* Text masking — The SVG way
*/
svg {
width: 6em; height: 1.5em;
font: 900 500%/1.2 'Arial Black', sans-serif;
}
text { fill: url(#wood); }
View dabblet.css
/**
* Rotate text
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.rotateObj {
View dabblet.css
/**
* Flex
*/
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
View dabblet.css
/**
* Rotate text
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.rotateObj {
View dabblet.css
/**
* Flex
*/
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
View dabblet.css
/**
* Arrow
*/
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
div{
@aspirisen
aspirisen / dabblet.css
Last active Aug 29, 2015
Vertical menu only with pure CSS
View dabblet.css
/**
* Vertical menu only with pure CSS
*/
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.navigation {
View dabblet.css
input + .navigation{
background: red;
}
input:checked ~ .navigation{
display: none;
}
View dabblet.css
/**
* Float
*/
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
position: relative;
}
You can’t perform that action at this time.