@keyframes Nijitopicon {
from { transform: rotateY(0); }
to { transform: rotateY(180deg); }
}
@keyframes Nijitopicon2 {
from { transform: rotateY(180deg); }
to { transform: rotateY(360deg); }
}
@keyframes Nijitoptext {
from { opacity:0; }
to { opacity:1; }
}
@keyframes Nijitopwatchword {
0% { opacity:0; letter-spacing:2em; }
10% { opacity:1; }
35% { transform:scale(1); letter-spacing:0; }
50% { transform:scale(1.6); letter-spacing:0.2em; }
90% { opacity:1; z-index:auto; }
100% { transform:scale(1.6); letter-spacing:0.2em; opacity:0; z-index:-1; }
}
.NijiTop .infoBoxIcon>:nth-last-child(2) { animation:Nijitopicon 0.8s 1.6s cubic-bezier(0.2,0.8,0.5,1.5) both, Nijitopicon2 0.8s 4.2s cubic-bezier(0.2,0.8,0.5,1.5) forwards; backface-visibility:hidden; }
.NijiTop .infoBoxIcon>:nth-child(2) { animation:Nijitopicon2 0.8s 1.6s cubic-bezier(0.2,0.8,0.5,1.5) both, Nijitopicon 0.8s 4.2s cubic-bezier(0.2,0.8,0.5,1.5) forwards; backface-visibility:hidden; }
.NijiTop .infoBoxText>:nth-last-child(2) { animation:Nijitoptext 0.3s 4.3s both; }
.NijiTop .infoBoxText>:nth-child(2) { animation:Nijitopwatchword 3s cubic-bezier(0.4,0,0.2,1) 1.5s both; }
.infoBox { margin-top:4px; border-radius:10px; overflow:hidden; box-shadow:0 1px 7px -4px #333; }
.infoBox>.infoBoxContent { border-width:0; background:rgba(251,251,251,0.8); }
/* [[Category:在模板名字空間下的CSS頁面]] */