スプリットレイアウトの作り方を解説!レスポンシブにも対応！

昨年くらいから見かけるようになった印象の「スプリットレイアウト」のサイト。今回は「スプリットレイアウト」を取り入れる際の参考になるサイトをまとめてご紹介します。 目次 スプリットレイアウトとは？ スクロール一体タイプ スクロール分割タイプ スプリットレイアウトとは？「スプリットレイアウト」は「スプリットスクリーン」と言っている方もいますが同じものです。その名のとおりスプリット＝分割するデザインレイアウトのことです。画面を縦2つに分割して見せることで左右の対比が生まれデザインの印象が変わり... HTML <div class="split"> <div class="split-item split-left"> <div class="split-left__inner"> left </div><!--split-left__inner--> </div><!--split-item