CSSだけでページを読み込み時にふわっとさせる
CSSだけで作れる、ページを読み込み時にふわっとさせるアニメーションです。
コードをコピペするだけで簡単にふわっとできます。
CSS
1 2 3 4 5 6 7 8 9 10 11 12 | 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} } |
