16,874
个编辑
LLWiki正在建设中,欢迎加入我们!
(//使用页面/文本对比查看器快速编辑) |
(//使用页面/文本对比查看器快速编辑) |
||
(未显示同一用户的3个中间版本) | |||
.sif-nine, .sif-note {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
#sif-canvas:hover .sif-note.pos1 {
animation: sif1 3s linear forwards;
}
#sif-canvas:hover .sif-note.pos2 {
animation: sif2 3s linear forwards;
}
#sif-canvas:hover .sif-note.pos3 {
animation: sif3 3s linear forwards;
}
#sif-canvas:hover .sif-note.pos4 {
animation: sif4 3s linear forwards;
}
#sif-canvas:hover .sif-note.pos5 {
animation: sif5 3s linear forwards;
}
#sif-canvas:hover .sif-note.pos6 {
animation: sif6 3s linear forwards;
}
#sif-canvas:hover .sif-note.pos7 {
animation: sif7 3s linear forwards;
}
#sif-canvas:hover .sif-note.pos8 {
animation: sif8 3s linear forwards;
}
#sif-canvas:hover .sif-note.pos9 {
animation: sif9 3s linear forwards;
}
@keyframes sif1 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(-150px, 0);
opacity: 0;
}
}
@keyframes sif2 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(-138.582px, 57.403px);
opacity: 0;
}
}
@keyframes sif3 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(-106.066px, 106.066px);
opacity: 0;
}
}
@keyframes sif4 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(-57.403px, 138.582px);
opacity: 0;
}
}
@keyframes sif5 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(0, 150px);
opacity: 0;
}
}
@keyframes sif6 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(57.403px, 138.582px);
opacity: 0;
}
}
@keyframes sif7 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(106.066px, 106.066px);
opacity: 0;
}
}
@keyframes sif8 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(138.582px, 57.403px);
opacity: 0;
}
}
@keyframes sif9 {
transform: none;
}
opacity: 1;
}
100% {
transform: translate(150px, 0);
opacity: 0;
}
}
|