Untitled

dabblet.css

body {
	background: #D3D3D3;
	font-family: Helvetica;
}


div#up {
margin: 100px auto;
 width:0px;
 height:0px;
 border-left:150px solid transparent;  /* left arrow slant */
 border-right:150px solid transparent; /* right arrow slant */
 border-bottom:200px solid #2f2f2f; /* bottom, add background color here */
 }
 
div#up:hover {
 border-left:150px solid transparent;  /* left arrow slant */
 border-right:150px solid transparent; /* right arrow slant */
 border-bottom:200px solid #f33; /* bottom, add background color here */
 -webkit-transform: rotate(10deg); 
 -moz-transform: rotate(10deg);
 -webkit-transition: background 0.5s ease-in;
 -moz-transition: background 0.5s ease-in;
 -o-transition: background 0.5s ease-in;
 transition: background 0.5s ease-in;	
}

dabblet.html

<div id="position:relative;">
	<!-- UP -->
	<div id="up"></div>
</div>

settings.json

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