Untitled

dabblet.css

#y {
height: 100px; width: 100px;
 position :relative;
 background: #ccc;
}

#y::before {
 content: '';
 position: absolute;
 z-index: -1;
 top: 0 right: 0; bottom: 0; left: 0;
 background: #58a;
 transform: skew(45deg);
}

dabblet.html

<a href = "#yolo" class = "button"> <div> Click me </div> </a>

settings.json

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