此前IT之家为大家介绍过玩坏微信朋友圈的一些系列有趣玩法,其实微信中有趣的玩法还有很多,今天IT之家就再为大家介绍一种更加涨粉的技能:发送弹幕图片!
看惯了网络视频节目的用户是不是觉的弹幕是一种十分有趣的东西?其实在微信中也能够实现这种高大上的效果。不过这需要在微信HTML代码中引入svg标签,这样能够在编辑出来的图文中做出动画、弹幕这样有意思的内容了。我们不妨将微信这种进阶玩法称为2.0版本,技能强化升级,吸粉啥的简直不在话下~
下面,就让我们一步一步实现这一功能吧,首先从文字效果开始:
1、弹幕效果
这个比较简单,只需将下方代码复制到微信HTML编辑框中,用户可将代码中汉字部分替换为其他文字:
<svg width="100%" height="25" xmlns="http://www.w3.org/2000/svg">
<g>
<text font-family="microsoft yahei,sans-serif" font-size="20" y="20" x="100%" fill="#898989">
IT之家
<animate attributename="x" from="100%" to="-200" begin="0s" dur="3s" repeatcount="indefinite"></animate>
</text>
</g>
</svg>
这样就能出现如下效果:
<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">
IT之家 <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">
IT之家 <animate attributename="opacity" from="1" to="0" begin="0.2s" dur="1.2s" repeatcount="indefinite"></animate>
</text>
<text x="35%" y="60" fill="#64646
本文来源:不详 作者:佚名