レイアウトだけではないCSS Grid応用テクニック

全1回

Webページのコンテンツのレイアウトをする際、強力な機能を発揮するCSS Gridですが、少し違った場面でも活躍します。「2つの要素を重ねる」「テキストの量による大きさを判定する」という面で活用してみましょう。

前編 コンテンツのクロスフェード

CSS Gridは、コンテンツのレイアウト以外にもいろいろな活用ができます。まずは、コンテンツのクロスフェードを実現する方法を見てみましょう。