loai-kanou · August 5, 2013 03:47
diff --git a/dabblet.css b/dabblet.css
 /**
 * WebKit bug: 
   Elements do not get clipped according to border-radius 
   when parent has a perspective() tranfsorm
 */

 .outer {
 	background: deeppink;
 	width: 300px;
 	height: 300px;
 	transform: perspective(1px); /* Toggle this */
 	border-radius: 50%;
 	overflow: hidden;
 }

 .inner {
 	background: black;
 	width: 200px;
 	height: 200px;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="outer">
 	<div class="inner"></div>
 </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"}
	/**
	* WebKit bug:
	Elements do not get clipped according to border-radius
	when parent has a perspective() tranfsorm
	*/

	.outer {
	background: deeppink;
	width: 300px;
	height: 300px;
	transform: perspective(1px); /* Toggle this */
	border-radius: 50%;
	overflow: hidden;
	}

	.inner {
	background: black;
	width: 200px;
	height: 200px;
	}
No results found