Structure

dabblet.css

/**
 * Structure
 */

body {
	background: #047;
	perspective: 1000;
}

#struct {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 200px;
	width: 200px;
	transform-style: preserve-3d;
	transition: transform 1s;
}

html:hover #struct {
	transform:
		rotateY(80deg)
	;
}

#struct div {
	background: #fff;
	box-shadow:
		0 0 20px #fff,
		0 0 15px #fff,
		0 0 10px #fff,
		0 0 5px #fff,
		0 0 2px #fff,
		0 0 1px #fff
	;
	height: 40px;
	position: absolute;
	width: 3px;
}

#s1 {
	left: 20px;
	top: 30px;
	transform:
		rotate(-30deg)
	;

}

#s2 {
	left: 0;
	top: 0;
	transform:
		translate3d(10px, 5px, 10px)
		rotateZ(80deg)
		rotateY(40deg)
		rotateX(40deg)
	;
}

#s3 {
	display: none;
}

dabblet.html

<div id="struct">
	<div id="s1"></div>
	<div id="s2"></div>
	<div id="s3"></div>
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}