【Word Press】ページ移行時にフェードインする方法
【Word Press】
ページ移行時にフェードインする方法
ページ移行時にフェードインする方法
INDEX
はじめに
「ページ移行時」に「フェードイン」する「CSS」
「ページ移行時」に、
「ページ」が表示される瞬間に、
フワッとした変化をする「フェードイン」を
「CSS」で指定することができる。
ページ移行時に「フェードイン」する「CSS」の「書式」
body {
animation: fadeIn 5s ease 0s 1 normal;
-webkit-animation: fadeIn 5s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
animation: fadeIn 5s ease 0s 1 normal;
-webkit-animation: fadeIn 5s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
Back
