天下网吧 >> 网吧系统 >> 系统动态 >> 正文

弹幕图片汹涌而至!微信进阶玩法 v2.0

2016-2-27不详佚名

此前IT之家为大家介绍过玩坏微信朋友圈的一些系列有趣玩法,其实微信中有趣的玩法还有很多,今天IT之家就再为大家介绍一种更加涨粉的技能:发送弹幕图片!

弹幕图片汹涌而至!微信进阶玩法 v2.0

看惯了网络视频节目的用户是不是觉的弹幕是一种十分有趣的东西?其实在微信中也能够实现这种高大上的效果。不过这需要在微信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>

这样就能出现如下效果:

IT之家
2、改变透明度

要实现这一功能需要用到一下代码:

<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

本文来源:不详 作者:佚名

相关文章
没有相关文章
声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。若文章侵犯了您的相关权益,请及时与我们联系,我们会及时处理,感谢您对本站的支持!联系Email:support@txwb.com,系统开号,技术支持,服务联系QQ:1175525021本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下