Skip to content

Instantly share code, notes, and snippets.

@gcyrillus
Created June 1, 2013 12:19
Show Gist options
  • Save gcyrillus/5690192 to your computer and use it in GitHub Desktop.
Save gcyrillus/5690192 to your computer and use it in GitHub Desktop.
cow fences
/* cow fences */
html {min-height:100%;
background:
linear-gradient( 0deg,transparent 0, #333 0px, #888,transparent 4px, transparent 1em),
linear-gradient(-45deg,transparent 0, #555 2px, transparent 5px , transparent 4em, transparent 8em),
linear-gradient(45deg,transparent 0, #333 2px, transparent 5px , transparent 4em, transparent 8em),
linear-gradient( 90.5deg,transparent 0.55em, #930 0.65em,#c63, #930 1.25em, transparent 1.45em, transparent 5em);
background-position: 0 0 , 2em 0;
background-repeat:repeat;
background-position:0 40px,0 41px ,2px 40px,0 0;
background-size:1em 10em , 2em 10em, 4.5em 10em, 20em 4em;
background-color:turquoise;
box-shadow:inset 0 0 50px #000, inset 0 -30px 70px -20px #84d204;
transform:skew(2deg) scale(1.1,1);
}
body {transform:skew(-2deg) scale(0.9,1)}
<p>TEST BARBELES</p>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment