MediaWiki:Aprilfool.css:修订间差异
MediaWiki界面页面
更多操作
小 |
|||
| 第4行: | 第4行: | ||
} | } | ||
.moving- | @keyframes swapImage { | ||
0%, 49% { opacity: 1; } | |||
50%, 100% { opacity: 0; } | |||
} | |||
.moving-wrapper { | |||
position: fixed; | position: fixed; | ||
z-index: 9999; | z-index: 9999; | ||
animation: moveRight linear forwards; | animation: moveRight linear forwards; | ||
width: 100px; | width: 100px; | ||
height: 100px; | |||
} | |||
.moving-wrapper img { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
animation: swapImage 0.2s steps(1) infinite; | |||
} | |||
.moving-wrapper img:nth-child(2) { | |||
animation-delay: 0.1s; | |||
} | } | ||
2026年4月1日 (三) 06:39的最新版本
@keyframes moveRight {
from { transform: translateX(-200px); }
to { transform: translateX(110vw); }
}
@keyframes swapImage {
0%, 49% { opacity: 1; }
50%, 100% { opacity: 0; }
}
.moving-wrapper {
position: fixed;
z-index: 9999;
animation: moveRight linear forwards;
width: 100px;
height: 100px;
}
.moving-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
animation: swapImage 0.2s steps(1) infinite;
}
.moving-wrapper img:nth-child(2) {
animation-delay: 0.1s;
}