改变透明度效果
<center>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<text x="35%" y="20" fill="#898989" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">
前方还有高能!! <animate attributename="opacity" from="1" to="0" begin="0s" dur="1.2s" repeatcount="indefinite"></animate>
</text>
<text x="35%" y="40" fill="#767676" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">
前方还有高能!! <animate attributename="opacity" from="1" to="0" begin="0.2s" dur="1.2s" repeatcount="indefinite"></animate>
</text>
<text x="35%" y="60" fill="#646464" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">
前方还有高能!! <animate attributename="opacity" from="1" to="0" begin="0.4s" dur="1.2s" repeatcount="indefinite"></animate>
</text>
<text x="35%" y="80" fill="#333333" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">
前方还有高能!! <animate attributename="opacity" from="1" to="0" begin="0.6s" dur="1.2s" repeatcount="indefinite"></animate>
</text>
<text x="35%" y="100" fill="#000000" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">
前方还有高能!! <animate attributename="opacity" from="1" to="0" begin="0.8s" dur="1.2s" repeatcount="indefinite"></animate>
</text>
</svg>
</center>
网页黑白显示
style="filter: grayscale(100%);"
背景颜色
<section data-mpa-template="t" data-mpa-category="背景"
style="background-color: rgb(240, 255, 250);" data-mpa-powered-by="yiban.io">
<p>green
</p>
</section>
背景图片
<section data-mpa-template="t" data-mpa-category="背景" style="background-image:
url("https://mmbiz.qlogo.cn/mmbiz_png/n0PNa0viaIhTDMibibnJqhAjMt0vpn2VxgPPNUB3CvaFvKWAtvcCes2Vic01gUEUeSXwJxxblZicUHvqmB74C6Tku7Q/0?wx_fmt=png");" data-mpa-powered-by="yiban.io">
<section>
滚动条
<section style="overflow-y: scroll; height: 200px;">
<p>滚动条测试
</p>
</section>
文字边框与横向排布
<div style="display: flex; justify-content: flex-end; flex-wrap: nowrap;" data-mpa-powered-by="yiban.io">
<p style="border-style: double; border-color: rgb(200, 255, 238); border-width: 10px;">fd
</p>
</div>
助手框
<section data-mpa-template="t" >君王羔羊</section>