Template:Sandbox/Grandom/styles.css
< Template:Sandbox | Grandom
跳到导航
跳到搜索
@keyframes catch3 {
0% {opacity:0;letter-spacing:1.8em;}
10% {opacity:1;}
35% {letter-spacing:0.2em;transform:scale(1);}
50% {transform:scale(1.6);}
90% {opacity:1;z-index:auto;}
100% {transform:scale(1.6);opacity:0;z-index:-1;}
}
@keyframes catch4 {
from {opacity:0;}
to {opacity:1;}
}
@keyframes catch5 {
from {transform: rotateY(0);}
to {transform: rotateY(360deg);}
}
@keyframes catch6 {
from {transform: rotateY(180deg);}
to {transform: rotateY(540deg);}
}
.Nijitop .infoBoxIcon>div:first-child {animation:catch5 1s 3.9s;}
.Nijitop .infoBoxIcon>div:nth-child(2) {animation:catch6 1s 3.9s both;}
.Nijitop .infoBoxIcon>div:not(:only-child) {backface-visibility: hidden;}
.Nijitop .infoBoxText>div:nth-last-child(2) {animation:catch4 0.3s 4.3s both;}
.Nijitop .infoBoxText>div:nth-child(2) {animation:catch3 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);}