style.css
@keyframes Gradient {
0% {
opacity: 1;
content: "a";
}
100% {
opacity: 0;
display: none;
}
}
/*
bodyのmin-heightを指定すればアニメはいらないと知ってぼつになった
*/
body::after{
content:none;
opacity: 1;
background: black;
position: fixed;
top:0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
animation-duration: 3s;/* アニメーション時間 */
animation-delay : 2s;/* 変化開始の時間 */
animation-name: Gradient;/* アニメーション名 */
animation-iteration-count: 1;
animation-fill-mode: forwards; /*これで値を保持*/
animation-play-state: running;
}