模板:彩虹社TOP/styles.css

来自维阿百科
< 模板:彩虹社TOP
霓虹灯鱼讨论 | 贡献2023年9月26日 (二) 12:20的版本 (创建页面,内容为“@keyframes Nijitopicon { from { transform: rotateY(0); } to { transform: rotateY(180deg); } } @keyframes Nijitopicon2 { from { transform: rotateY(180deg); }…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索
@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页面]] */