The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */


body{
    padding: 100px;
}

.word-container{
position: relative;

}


.word{
	position: relative;
	top: 0px;
}

.word:nth-child(2){
	position: relative;
	left: 100px;
	top: -60px
}

.word:nth-child(3){
	position: relative;
	left: 200px;
	top: -120px
}






span{
	position: absolute;
	font-size: 2rem;
	font-family: Helvetica;
	top: 100px;
	font-weight: bold;
	color: hsla(0, 0%, 0%, .1);
        display: block;
	-webkit-transform: rotate(60deg) skew(0deg, -30deg) scale(1, 1.16);
	letter-spacing: -.08em;
}

span:nth-child(2){
	top: 300px;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 10px hsla(0, 0%, 0%, .3);
}

dabblet.html

<div class="word-container">
<div data-count="10" data-term="何かしら" class="word">

<span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span>
</div>

<div data-count="10" data-term="何かしら" class="word">

<span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span>



</div>


<div data-count="10" data-term="何かしら" class="word">

<span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span><span>何かしら</span>



</div>

settings.json

{"view":"split","prefixfree":"1","page":"html"}