aurelkurtula · March 14, 2013 23:12
diff --git a/dabblet.css b/dabblet.css
 /**
 * hover effect
 http://www.diesel.com/campaign/#/
 */
 body{
 background: gray;
 }

 #container{
 	width: 300px; 
 	height: 200px;
 	background: blue;
 	overflow: hidden;
 	content: " Hover" ; 
 }

 a{ opacity: 1; 
 -webkit-transform-origin: 0% 0%; 

 background-color: rgb(236, 116, 96); 
 width: 100px; 
 height: 347px;
 display:block;
 margin: -15px 0 0 300px;
 }

 #container:hover a{
 -webkit-transform: rotate(13deg) ;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div id="container">

 <a href=""></a>

 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	<!-- content to be placed inside <body>…</body> -->

	<div id="container">

	<a href=""></a>

	</div>