doochik · May 12, 2016 19:52
diff --git a/dabblet.css b/dabblet.css
 .container {
   position: relative;
   width: 100px;
   height: 100px;
   border :1px solid;
   overflow: hidden;
 }


 .bg {
   position: absolute;
   top: -50%; right: -50%; bottom: -50%; left: -50%;
   background: linear-gradient(#F00 30%, #0F0 70%);
   transform: skewy(-20deg);
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->


 <div class="container">
   <div class="bg"/>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	.container {
	position: relative;
	width: 100px;
	height: 100px;
	border :1px solid;
	overflow: hidden;
	}


	.bg {
	position: absolute;
	top: -50%; right: -50%; bottom: -50%; left: -50%;
	background: linear-gradient(#F00 30%, #0F0 70%);
	transform: skewy(-20deg);
	}
	<!-- content to be placed inside <body>…</body> -->


	<div class="container">
	<div class="bg"/>
	</div>