The template effect

Click to see the effect

Template code

<section style="overflow: hidden; width: 100%; height: 100%; visibility: visible;" Data-share =" > <! < SVG width="100%" height="100%" style="visibility: visible; background: url(https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqSiak2l2UzsVHxhomBS2bjpEPTxOt0xNE1dSzhJOrqnpI7WziaxSSxAKHiccAY7GHGIkSAYad1x laibdw/0?wx_fmt=gif;) no-repeat top center; background-size: 100%; background-position: 0 0;" ViewBox ="0 0 1024 2225"> <g data-share=" 0 0 1024 2225" < Foreignobject width="100%" height="100%" x="0" y="0"> < SVG style=" Visible; background: url(https://mmbiz.qpic.cn/mmbiz_jpg/JpraGu7eGqSiak2l2UzsVHxhomBS2bjpEgkFeFiajNpSaqyAJd2gaUD6ibCgtPjv2TAfcyeibNR5VzibbyCD dhiagjnw/0?wx_fmt=jpeg) no-repeat top center; background-size: 100%; pointer-events: none;" viewBox="0 0 1024 2225" xmlns="http://www.w3.org/2000/svg"> </svg> </foreignObject> <! < Foreignobject width="100%" height="100%" x="0" y="0"> <section style="overflow: hidden; pointer-events: painted; opacity: 0; transform: scale(90) translate(-462px, 19px);" > <! >< section><qqmusic class="js_editor_qqmusic js_uneditable" musicid="213874992" mid="001Mi6C00aNunH" albumurl="https://y.gtimg.cn/music/photo_new/T002R68x68M000003x0x0W02puoP.jpg" audiourl="http://isure6.stream.qqmusic.qq.com/C200004VUx6R2b7AMH.m4a?guid=2000001731&amp; vkey=F5565B900A3BC11A2DE3C4CF1499B08A96E19BA02F27BDA9B18FAA349BE61146EB2B66D5545097C71376BE16E58F8721D427D1351DD9CFBA&am p; uin=&amp; FromTag =50" Music_Name =" Singer =" FromTag =50" -&nbsp; Hey, sing it. "Play_length ="164" SRC ="/mp/readtemplate? t=app_editor/music&amp; singer=%E7%BE%BD%E6%B3%89%20-%20%E5%97%A8%EF%BC%8C%E5%94%B1%E8%B5%B7%E6%9D%A5%20%E7%AC%AC2%E6%9C%9F&amp; music_name=%E5%A5%94%E8%B7%91&amp; albumurl=https%3A%2F%2Fy.gtimg.cn%2Fmusic%2Fphoto_new%2FT002R68x68M000003x0x0W02puoP.jpg&amp; musictype=1" musictype="1" otherid="001Mi6C00aNunH" albumid="003x0x0W02puoP" jumpurlkey="" data-pluginname="insertaudio"></qqmusic><span id="qqmusic_main_213874992_2" class="js_wap_qqmusic db pages_reset music_area "> <span class="tc tips_global unsupport_tips" style="display:none;" > currently does not support playing music or voice in the browser, </span> <span class="db music_card appMsg_card_context appMsg_card_active "> <a Id ="qqmusic_home_213874992_2" class="music_card_bd"> <span class="music_card_title"> </span> <span "Class =" music_card_desc > yu quan & have spent -&nbsp; Hey, sing it. </span> <span class="music_card_source ">! </span> [](https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/qqmusic/icon_qqmusic_source531a3f.svg)</span> </a> <span id="qqmusic_play_213874992_2" class="music_card_ft"> <i class="weui-play-btn"></i> <! - -! [](//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/qqmusic/icon_qqmusic_default.2x531a3f.png) --> ! [](https://y.gtimg.cn/music/photo_new/T002R90x90M000003x0x0W02puoP.jpg) </span> </span> </span></section> </section> </foreignObject> <! Bb0 <animate attribute ="opacity" begin=" touchStart +0.3s" dur="380s" keyTimes="0; 0.0009; 1" values="1; 0; 0" fill="freeze" restart="never"></animate> </g> </svg> </section> <! <section style="height: 0px; margin-top: -2px; line-height: 0; font-size:0; pointer-events: none; transform: rotate(180deg);" < p style="transform: rotate(rotate);" style="transform: rotate(rotate);" viewBox="85 0 830 1905" xmlns="http://www.w3.org/2000/svg"> <path fill="#000" opacity="0" style="pointer-events: visible;" D = "M - 0, 0 v1890h1100V0. 5 h - 0.5 - z M600, 1600 h252v1591z h374v - 409" > < / path > < / SVG > < section >