MediaWiki:Hf-nsheader-:修订间差异

来自电棍ottowiki
跳转到导航 跳转到搜索
 
第1行: 第1行:
    {{#css:
{{#css:
        .banner-container {
    .banner-container {
            width: 95%;
        width: 95%;
            overflow: hidden;
        overflow: hidden;
            border: 1px solid #ccc;
        border: 1px solid #ccc;
            background-color: #fff;
        background-color: #fff;
            text-align: center;
        text-align: center;
            font-size: 18px;
        font-size: 18px;
            line-height: 50px;
        line-height: 50px;
            height: 50px;
        height: 50px;
            margin: 0 auto; /* Center the banner horizontally */
        margin: 0 auto; /* Center the banner horizontally */
    }
    .banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        animation: scroll 27.5s linear infinite; /* Adjusted to 27.5s to account for 5s per message and 0.5s for transition */
    }
    @keyframes scroll {
        0%, 16.67%, 100% {
            transform: translateY(0);
         }
         }
         .banner {
         17.17%, 33.33% {
             display: flex;
             transform: translateY(-50px);
            flex-direction: column;
            align-items: center;
            animation: scroll 27.5s linear infinite; /* Adjusted to 27.5s to account for 5s per message and 0.5s for transition */
         }
         }
         @keyframes scroll {
         33.83%, 50% {
            0%, 16.67%, 100% {
            transform: translateY(-100px);
                transform: translateY(0);
            }
            17.17%, 33.33% {
                transform: translateY(-50px);
            }
            33.83%, 50% {
                transform: translateY(-100px);
            }
            50.5%, 66.67% {
                transform: translateY(-150px);
            }
            67.17%, 83.33% {
                transform: translateY(-200px);
            }
            83.83%, 100% {
                transform: translateY(-250px);
            }
         }
         }
     }}
        50.5%, 66.67% {
            transform: translateY(-150px);
        }
        67.17%, 83.33% {
            transform: translateY(-200px);
        }
        83.83%, 100% {
            transform: translateY(-250px);
        }
     }
}}


    <div class="banner-container">
<div class="banner-container">
        <div class="banner">
    <div class="banner">
            <div>ottowiki-动物园的百科全书</div>
        <div>ottowiki-动物园的百科全书</div>
            <div>全世界轮椅人的维基百科</div>
        <div>全世界轮椅人的维基百科</div>
            <div>电棍百科,奥利安费的百科全书,汇集电棍直播、二创与鬼畜倒放的奇妙世界。</div>
        <div>电棍百科,奥利安费的百科全书,汇集电棍直播、二创与鬼畜倒放的奇妙世界。</div>
            <div>直播典中典,鬼畜倒放颠疯时刻,二创发电厂,速通抽象文化宇宙——电棍の奇妙冒险,点开即享。</div>
        <div>直播典中典,鬼畜倒放颠疯时刻,二创发电厂,速通抽象文化宇宙——电棍の奇妙冒险,点开即享。</div>
            <div>点击链接加入群聊【ottowiki交流群】:https://qm.qq.com/q/XkPV5IuUMk</div>
        <div>点击链接加入群聊【ottowiki交流群】:https://qm.qq.com/q/XkPV5IuUMk</div>
        </div>
     </div>
     </div>
</div>

2025年2月11日 (二) 11:22的最新版本