CSSだけで、遠近効果のあるチェッカーボードが後方から前に動き続ける背景の実装です。サンプルは、弊社サービス名を使って映画のタイトル風にしてみました。htmlは背景部分とテキスト部分の2行だけです。

WEB受注システム・百万石

 

サンプルのhtmlソース

<div id="checkerboard"></div> 
<div id="title"><h2>WEB受注システム・百万石</h2></div>
引用と参考;https://codepen.io/seanfree/pen/YGaAOE
戻るボタン