20日 4月 2020

    CSSでアニメーション！

    CSSでフェードイン！

    CSSでアニメーションを組んでみようか

    どんなアニメーションですか？

    下から文字がフェードインするよ

    それでは、今日のコードだよ

    ＜style＞ .sample-fade { font-size: 20px; font-weight: bold; animation-name: fadein; animation-duration: 2s; animation-iteration-count: infinite; } @keyframes fadein { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } ＜/style＞ ＜meta http-equiv="content-type" charset="utf-8"＞ ＜p class="sample-fade"＞フェードイン＜/p＞

    できました！

    フェードイン