cow fences

dabblet.css

/* cow fences 
 3d sign */
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( 91deg,transparent 0.55em, #930 0.65em,#c63, #930 1.25em, transparent 1.45em, transparent 5em),
linear-gradient( 89deg,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,-2em 40px, -2em 40px;
background-size:1em 8em ,   2em 8em, 4.5em 8em, 20em 8em, 20em 8em;
background-color:turquoise;
box-shadow:inset 0 0 50px #000, inset 0 -30px 70px -20px #84d204;
color:silver;text-align:center;text-shadow:1px 1px 0 gray,-1px -1px 0 black;
;}
p {font-size:3em;perspective: 300px;
transform-style: preserve-3d;
display:table;
margin:2em auto;
background:#c63 repeating-linear-gradient(0deg,#2df, transparent 2px, transparent 3px);
padding:0.5em 1em;
box-shadow:-3px -3px 3px #c63, 0 3px 3px black;
border: solid ;
border-radius:10%/20%;
transform:rotatey(10deg) rotatex(-15deg) skewx(5deg)}
}
body {}

dabblet.html

<p> BARBELES </p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}