ページが表示されたらテキストがzoom-inする。
奥行きが感じられるので特に強調したい時に
使い方も簡単で親要素にこれを追記するだけ。
data-aos="zoom-in"
見出しには背景を下においていて、テキスト部分を透過しています。
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
IEは対応していません
見出しまで一緒のタイミングでzoom-inするより、少しタイミングをずらすといいかも。
下のアイテムは
テキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入します。
テキスト挿入しま。
テキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入します
テキストで説明文がはいっています。テキストで説明文がはいっています。
テキスト挿入しますテキスト挿テキストで説明文がはいっています。挿入しますテキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入します
テキストテキストで説明文がはいっています。テキストで説明文がはいっています。ト挿入しますテキスト挿入しますテキスト挿入します
テキスト挿入しますテテキストで説明文がはいっています。す
テキスト挿入しますテキテキストで説明文がはいっています。テキストで説明文がはいっています。テキスト挿入します
テキスト挿入しますテキスト挿入します。
テキスト挿テキストで説明文がはいっています。ますテキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入します
テキスト挿入しテキストで説明文がはいっています。入しますテキスト挿入しますテキスト挿入します
テキスト挿入しますテキスト挿入テキストで説明文がはいっています。テキストで説明文がはいっています。テキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入しますテキスト挿入します
テキストで説明文がはいっています。
テキストで説明文がはいっています。
テキストで説明文がはいっています。
テキストで説明文がはいっています。テキストで説明文がはいっています。
テキストで説明文がはいっています。
テキストで説明文がはいっています。テキストで説明文がはいっています。
