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
}
}
