模板:Banner/style.css

.css-banner-wrap {
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:12px;
    position:relative;
    background:transparent;
}
.css-banner-inner {
    width:100%;
    height:100%;
}
.css-banner-slide {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    animation:banner-fade 12s infinite;
}
/* 新增：消除MediaWiki图片默认占位 */
.css-banner-slide .mw-file-element {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.css-banner-slide img {
    width:100%;
    height:100%;
}
.css-banner-slide:nth-child(1) { animation-delay:0s; }
.css-banner-slide:nth-child(2) { animation-delay:4s; }
.css-banner-slide:nth-child(3) { animation-delay:8s; }
.css-banner-slide:nth-child(4) { animation-delay:12s; }
.css-banner-slide:nth-child(5) { animation-delay:16s; }

@keyframes banner-fade {
    0% { opacity:0; }
    8% { opacity:1; }
    25% { opacity:1; }
    33% { opacity:0; }
    100% { opacity:0; }
}

.css-banner-dots {
    position:absolute;
    bottom:14px;
    width:100%;
    display:flex;
    justify-content:center;
    gap:8px;
}
.css-banner-dots .dot {
    width:10px;
    height:10px;
    border-radius:999px;
    background:#ffffff77;
}