Sticker

dabblet.css

/* Sticker */

.sticker {
	position: relative;
	width: 3.5em;
	height: 3.5em;
	padding: 1em .5em 0;
	margin: 100px;
	background: slategray;
	color: white;
	font: italic 200% Baskerville, 'Palatino Linotype', Palatino, serif;;
	text-align: center;
	transform: rotate(-30deg);
}

.sticker:before,
.sticker:after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
	background: inherit;
}

.sticker:before {
  transform:rotate(30deg);
}

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

dabblet.html

<div class="sticker">CSS inside!</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}