LeaVerou · April 11, 2015 19:10
diff --git a/dabblet.css b/dabblet.css
 /**
 * Does border-radius affect hit-testing? 
 */

 img {
 	border-radius: 50%;
 }

 div {
 	display: inline-block;
 	width: 100px; height: 100px;
 	background: url("https://placeimg.com/100/100/animals") center / cover;
 	border-radius: 50%;
 }

 img:hover, div:hover { opacity: .5 }
diff --git a/dabblet.html b/dabblet.html
 <img src="https://placeimg.com/100/100/animals" />
 <div></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"}
	/**
	* Does border-radius affect hit-testing?
	*/

	img {
	border-radius: 50%;
	}

	div {
	display: inline-block;
	width: 100px; height: 100px;
	background: url("https://placeimg.com/100/100/animals") center / cover;
	border-radius: 50%;
	}

	img:hover, div:hover { opacity: .5 }
	<img src="https://placeimg.com/100/100/animals" />
	<div></div>