查看“模板:活动剧情/表”的源代码

<includeonly><div class="col-md-3 activity-story"><div class="activity-story-img hover-light">[[文件:{{{1|}}}.jpg|link={{{4|}}}]]</div>
<div>[[{{{4|}}}|{{{1|}}}{{{3|}}}]]</div>
<div>{{{2|}}}</div></div>{{#if:{{#var:活动剧情/表CSS}}||{{#vardefine:活动剧情/表CSS|1}}{{#css:
.activity-story-img{
    height:88px;
    overflow-y:hidden;
    border-radius: 10px;
}
.activity-story {
    height: 150px;
    margin-bottom: 10px;
}

.hover-light a {
        display: inline-block;
        position: relative;
        overflow: hidden;
        transition: opacity 0.3s, box-shadow 0.3s;
        border-radius: 10px;
}
.hover-light a::before {
    content: '';
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: inherit;
}
.hover-light a::before {
    background: linear-gradient(120deg,
    transparent 25%, #fff8 50%, transparent 75%);
    inset: 0;
}
.activity-story-img:hover {
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 15%);
    border: 1px solid rgba(255, 255, 255, 0.219);
}
.hover-light a:hover::before {
    opacity: 1;
    animation: lightFlow 2s infinite;
}
@keyframes lightFlow {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(100%);
    }
}

lysk.site/MediaWiki:Common.css
转载或参考请注明恋与深空WIKI，感谢你为wiki传播做出的贡献(BY-NC-SA 3.0协议)
}}}}</includeonly><noinclude>{{活动剧情/表
|1=「踏浪逐夏时」
|活动标题=活动标题
|排序开始时间=2025-01-02
}}</noinclude>