Skip to content

Instantly share code, notes, and snippets.

@phongjalvn
phongjalvn / css.css
Created July 6, 2012 17:40
css3 gui animation
* {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
body {
margin:0;
body {
padding:0;
margin:0;
overflow:hidden;
height: 600px;
}
canvas {
padding:0;
margin:0;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Papercut &middot; CodePen</title>
<style>
/* General Set Up Styles */
@phongjalvn
phongjalvn / playground.css
Created June 5, 2012 05:47
remember to define focus styles!
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
@phongjalvn
phongjalvn / playground.css
Created June 5, 2012 05:46
remember to define focus styles!
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
@phongjalvn
phongjalvn / playground.css
Created June 5, 2012 05:46
remember to define focus styles!
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
{"version":"1.1","settings":{"fontsize":"100","prefixfree":"1"},"view":[{"template":"r\nc","active":false,"seethrough":false},{"template":"r\nh","active":true,"seethrough":false},{"template":"r","active":false,"seethrough":false}]}
.btn-download-one{
text-transform: capitalize;
font: bold 34px arial, helvetica, sans-serif;
float: left;
padding: 4px 4px 0 4px;
overflow: hidden;
}
.btn-download-one:link,
.btn-download-one:visited{
text-decoration: none;
@phongjalvn
phongjalvn / dabblet.css
Created May 18, 2012 17:19 — forked from LeaVerou/dabblet.css
Text masking — The SVG way
/**
* Text masking — The SVG way
*/
svg {
width: 6em; height: 1.5em;
font: 900 500%/1.2 'Arial Black', sans-serif;
}
text { fill: url(#wood); }
@phongjalvn
phongjalvn / dabblet.css
Created May 18, 2012 17:17 — 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;
}