IT之家 <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">
IT之家 <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">
IT之家 <animate attributename="opacity" from="1" to="0" begin="0.8s" dur="1.2s" repeatcount="indefinite"></animate>
</text>
</svg>
</center>
可实现的效果如下:
3、结合GIF实现图片弹幕效果:
在实现上述文字效果的基础上,结合GIF图片就能够实现图片弹幕效果了,这在微信中显然具有较大杀伤力,那么怎么做呢?
① 首先,我们可以选取一张gif图片上传到微博
② 点击查看大图 — 在新标签页中打开图片,获得该图片的网页链接
③ 将如下代码复制到微信HTML编辑框中,代码中的图片链接可使用刚才获得的图片链接,汉字部分用户可自行替换成其他:
<p>
<img src="/sys/UploadFiles_2901/201602/2016022710590363.gif"/>
</p>
<svg width="100%" height="200" xmlns="http://www.w3.org/2000/svg" style="margin-top: -160px;">
<text font-fami
本文来源:不详 作者:佚名