CSS で検索した結果 - プログラミングならドットインストール

div要素を設置して、ハートのまわりに波紋の動きを作っていきます。

flexboxと絶対配置を使って、ハートと波紋を重ねていきます。

細かい調整をしてハートアニメーションを完成させていきます。

作業用のフォルダをVS Codeエディタに設定し、index.htmlを作成してブラウザで確認していきます。

ボックスモデルとそれに関連するプロパティについて図で説明していきます。

要素にデフォルトでついているスタイルをリセットしたのち、widthやheightを設定してみます。

widthを%で指定したり、最大/最小幅を設定する方法について見ていきます。

領域の外側に境界線をつけることができるプロパティについて見ていきます。

複数のプロパティをまとめて指定することができる、一括指定プロパティについて解説していきます。

paddingプロパティを使って境界線の内側に余白を設定する方法を学びます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス