Untitled

dabblet.css

.case {
	padding: 30px;
	position: relative
}

.ticket {
	width: 30px;
	height: 20px;
	background: rgba(0,0,0,.5);
    border-radius: 0px 40px 40px 0;    
    
    position: absolute;
    top: 30px;
    left: 0;
    transform: rotateZ( 10deg );
}	




.handle {
    border-color: rgba(0,0,0,.5);
    border-style: solid;
        
    height: 27px;
    width: 50px;
    
    border-radius: 50px 50px 0 0;    
    border-width: 12px 12px 0 12px;
}

dabblet.html

<div class="case">
	<div class="handle"></div>
	<div class="ticket">
		<span class="ticket-start"></span>
		<span class="ticket-end"></span>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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