レイアウト設計

フレックスボックスを使用して、要素を親要素の中央に完全に配置します。

要素のサイズを定義し、幅と高さの最小値と最大値を設定し、要素の境界から溢れるコンテンツを非表示にします。

CSS 3D 変換を使用して、ホバー時にカードがめくるシンプルなアニメーションを作成します。

ボックス シャドウを使用して、要素の境界の内側または外側に奥行きを追加します。

境界線を使用して要素の半径を定義し、要素の境界の 1 つ以上の側面にアウトラインを作成します。

要素に設定できる背景スタイルの概要: 色、画像、グラデーション、カラーオーバーレイ、ビデオ。

クリックアニメーションをトリガーしてポップアップを表示する方法を学びます。

Webflow デザイナーで要素をすばやく複製し、正確に配置します。

構造スタイルを使用すると、動的なリスト内の要素に特定のスタイルを作成できます。これにより、リスト内の要素を強調表示して、視覚的な階層を改善できます。

水平スクロールは、垂直から右、左へとスクロール体験を変える独自のインタラクションを使用して、訪問者の興味を完全に引き付けます。