查看“模板:交互”的源代码

<includeonly>{{通用CSS|滑动条=1}}{{#vardefine:gridBs|col-md-4 col-sm-6 col-xs-12}}<div class="waterfall-container row">
{{#forargs:|k|v|<div class="{{#var:gridBs}} transBox whiteScrollbar"><div class="transBoxContent">{{#var:v}}</div></div>}}</div>{{#if:{{#var:交互CSS}}||{{#vardefine::交互CSS|1}}{{#Widget:Waterfall}}{{#CSS:
#mw-content-text .mw-parser-output{<!--我也不知道为什么加这个，但是不加的话就无法正常显示3列-->
padding: 1em;
} 
.transBox{    
    padding: 1em 1em .5em 1em;
    position:relative;
    margin-bottom:1em;
}
.transBoxContent{
}
.transBox::before{
    content: "";
    background: linear-gradient(134deg, #ffffff99, #ffffff1a);
    position: absolute;
    width: calc(100% - 10px);
    height: 100%;
    left: 5px;
    top: 0;
    z-index: -1;
}
.transBox:hover::before{
    border-left: 5px solid #ffffff;
    box-shadow: inset 5px 1px 3px 1px #f3f2ef91;
}
.transBox:Hover .transText{
    border: 1px solid #00000073;
}
@media screen and (max-width:767px){
.transBox{    
    padding: .5em 1em;
    margin-bottom:.5em;
｝
}}
}}
</includeonly><noinclude>{{文档}}</noinclude>