查看“︁模板:渐变字体”︁的源代码

<includeonly><span class="letmeseesee-{{{id|1}}}"></span>{{CSS|content=
@keyframes changeText-{{{id|1}}} {
  0% { opacity: 1; content: '{{{before|？}}}';{{{before-style|}}} }
  35% { opacity: 1; content: '{{{before|？}}}';{{{before-style|}}} }
  40% { opacity: 0; content: '{{{before|？}}}';{{{before-style|}}} }
  41% { opacity: 0; content: '{{{after|！}}}';{{{after-style|}}} }
  50% { opacity: 1; content: '{{{after|！}}}';{{{after-style|}}} }
  85% { opacity: 1; content: '{{{after|！}}}';{{{after-style|}}} }
  90% { opacity: 0; content: '{{{after|！}}}';{{{after-style|}}} }
  91% { opacity: 0; content: '{{{before|？}}}';{{{before-style|}}} }
  100% { opacity: 1; content: '{{{before|？}}}';{{{before-style|}}} }
}

.letmeseesee-{{{id|1}}} {
  content: '';{{{style}}}
}

.letmeseesee-{{{id|1}}}::after {
  content: '{{{before|？}}}';
  animation: changeText-{{{id|1}}} {{{time|15s}}} infinite;
  animation-delay: {{{delay|0s}}};
}
}}</includeonly><noinclude>
==这个东西可以用来实现文字的转换！！==

<blockquote>'''<nowiki>{{渐变字体|id=ID号（不能重复）|before=文字1|after=文字2|time=循环一次的时间|delay=开始播放前的延迟}}</nowiki>'''</blockquote>

*我比如说：
<blockquote>'''<nowiki>{{渐变字体|id=2|before=我喜欢你！|after=骗你的！|time=5s|delay=5s}}</nowiki>'''</blockquote>

*效果：{{渐变字体|id=2|before=我喜欢你！|after=骗你的！|time=5s|delay=5s}}

*利用延迟功能，我们就可以做到...
{{渐变字体|id=3|before=KIKUO|after=你是我的神！|time=5s|delay=0.5s}}<br>
{{渐变字体|id=4|before=KIKUO|after=你是我的神！|time=5s|delay=1s}}<br>
{{渐变字体|id=5|before=KIKUO|after=你是我的神！|time=5s|delay=1.5s}}<br>
{{渐变字体|id=6|before=KIKUO|after=你是我的神！|time=5s|delay=2s}}<br>
{{渐变字体|id=7|before=KIKUO|after=你是我的神！|time=5s|delay=2.5s}}<br>
{{渐变字体|id=8|before=KIKUO|after=你是我的神！|time=5s|delay=3s}}<br>
{{渐变字体|id=9|before=KIKUO|after=你是我的神！|time=5s|delay=3.5s}}<br>
{{渐变字体|id=10|before=KIKUO|after=你是我的神！|time=5s|delay=4s}}<br>
{{渐变字体|id=11|before=KIKUO|after=你是我的神！|time=5s|delay=4.5s}}<br>

*对了，如果有相关的style修饰记得放在模板之外哦！

*编辑者：[[User:PasserPM|PM]]
</noinclude>


<noinclude>[[Category:模板]]</noinclude>