CSSのみで作った回転するキューブ型のきれいなプリローダーです。テキストの背景を利用して色を指定、変形して作ったキューブ型をkeyframesを使ったCSSアニメーションで回転させています。また、点滅するテキストは別のkeyframesで、opacity（不透明度）を0（0%）から1（100%）に変化させるCSSアニメーションをキューブの上にのせています。
htmlソース
<div class="c-cube">
<div class="c-cube__side c-cube__side--front"></div>
<div class="c-cube__side c-cube__side--back"></div>
<div class="c-cube__side c-cube__side--right"></div>
<div class="c-cube__side c-cube__side--left"></div>
<div class="c-cube__side c-cube__side--top"></div>
<div class="c-cube__side c-cube__side--bottom"></div>
</div>
<span class="blinking z-i10">ローディング中</span>
