公众号个性化网页

改变透明度效果

微信公众号HTML标签都有哪些玩法？

<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(&quot;https://mmbiz.qlogo.cn/mmbiz_png/n0PNa0viaIhTDMibibnJqhAjMt0vpn2VxgPPNUB3CvaFvKWAtvcCes2Vic01gUEUeSXwJxxblZicUHvqmB74C6Tku7Q/0?wx_fmt=png&quot;);" data-mpa-powered-by="yiban.io">
  <section>

滚动条

<section style="overflow-y: scroll; height: 200px;">
  <p>滚动条测试
  </p>
 </section>

文字边框与横向排布

CSS 参考手册

<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>