may88seiji
6/16/2017 - 12:28 PM

CSS だけで Web ページのフェードイン表示を実装する方法 https://q-az.net/fadein-open-only-css/

CSS だけで Web ページのフェードイン表示を実装する方法 https://q-az.net/fadein-open-only-css/

fadeIn.scss
content_copyfile_download
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}