MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针

如果在编辑的过程中遇到了什么问题,可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证

MCBBS Wiki GitHub群组已上线!

您可以在回声洞中发表吐槽!

服务器状态监控。点击进入

本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

模板:动态显示/CSS:修订间差异

来自MCBBS Wiki
跳到导航 跳到搜索
(给“动态显示”模板生成样式表用)
 
(编辑“模板:动态显示/CSS” // 维基盐编辑器)
第17行: 第17行:
{{#loop:count|1|{{#var:num}}|
{{#loop:count|1|{{#var:num}}|
.animated-{{#var:num}}>.animated-item:nth-child({{#var:count}}){
.animated-{{#var:num}}>.animated-item:nth-child({{#var:count}}){
animation: animated{{#var:num}} {{#expr:{{#var:num}} * {{#var:time}}}}ms {{#expr:{{#var:time}} * ( {{#var:count}} - 1 )}}s infinite;
animation: animated{{#var:num}} {{#expr:{{#var:num}} * {{#var:time}}}}ms {{#expr:{{#var:time}} * ( {{#var:count}} - 1 )}}ms infinite;
-webkit-animation: animated{{#var:num}} {{#expr:{{#var:num}} * {{#var:time}}}}ms {{#expr:{{#var:time}} * ( {{#var:count}} - 1 )}}s infinite;
-webkit-animation: animated{{#var:num}} {{#expr:{{#var:num}} * {{#var:time}}}}ms {{#expr:{{#var:time}} * ( {{#var:count}} - 1 )}}ms infinite;
}
}
}}</includeonly><noinclude>{{doc}}[[分类:模板功能性子页面]]</noinclude>
}}</includeonly><noinclude>{{doc}}[[分类:模板功能性子页面]]</noinclude>

2022年8月18日 (四) 21:55的版本

模板文档  [查看] [编辑] [历史] [刷新]

用法

{{动态显示/CSS| 数量 | 每个元素显示的时间 }}
  • 数量必填。
  • 每个元素显示的时间选填,默认为1000(单位毫秒)。

示例

<span class="animated animated-6-1000" style="height:auto;width:auto;display:inline-block;">
<span class="animated-item">ooooo</span>
<span class="animated-item">0oooo</span>
<span class="animated-item">o0ooo</span>
<span class="animated-item">oo0oo</span>
<span class="animated-item">ooo0o</span>
<span class="animated-item">oooo0</span>
</span>
{{CSS|1= {{动态显示/CSS| 6 }} }}

ooooo 0oooo o0ooo oo0oo ooo0o oooo0

<span class="animated animated-6-500" style="height:auto;width:auto;display:inline-block;">
<span class="animated-item">ooooo</span>
<span class="animated-item">0oooo</span>
<span class="animated-item">o0ooo</span>
<span class="animated-item">oo0oo</span>
<span class="animated-item">ooo0o</span>
<span class="animated-item">oooo0</span>
</span>
{{CSS|1= {{动态显示/CSS| 6 | 500 }} }}

ooooo 0oooo o0ooo oo0oo ooo0o oooo0