gunnarbittersmann · March 30, 2015 21:22
diff --git a/dabblet.css b/dabblet.css
 /**
 * fake hexagon mask
 */

 div
 {
 	width: 200px;
 	position: relative;
 }

 div::before, div::after
 {
 	content: "";
 	position: absolute;
 	top: -30px;
 	right: 0;
 	bottom: -36px;
 	left: 0;
 	border: solid 0 white;
 	border-width: 50px 0 100px;
 }

 div::before
 {
 	transform: rotate(30deg);
 }

 div::after
 {
 	transform: rotate(-30deg);
 }

 img
 {
 	max-width: 100%;
 	max-height: 100%;
 }
diff --git a/dabblet.html b/dabblet.html
 <div>
 	<img src="https://upload.wikimedia.org/wikipedia/commons/1/17/Vitruvian.jpg" alt="Vitruvian Man by Leonardo da Vinci"/>
 </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"}
	<div>
	<img src="https://upload.wikimedia.org/wikipedia/commons/1/17/Vitruvian.jpg" alt="Vitruvian Man by Leonardo da Vinci"/>
	</div>
No results found