CSSだけでページを読み込み時にふわっとさせる

CSSだけで作れる、ページを読み込み時にふわっとさせるアニメーションです。
コードをコピペするだけで簡単にふわっとできます。

CSS

body{
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    animation: fadeIn 1.5s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

デモページ

  • コーダーのための計算機