世界杯+功夫女足双热点，6个足球SVG效果快用起来！

雪花飘落

 

「雪花飘落(有图案)」组件有个最大的作用就是渲染氛围。名称叫雪花，但你可以上传任何图像使其覆盖全文飘落，比如足球、彩带等。

点击图片缩小切换

该组件的优势在于你可以框选一张高清图的任一局部作为起始图案，点击一下，图片将会按照设置的速度逐渐缩小到显现全景，有种镜头逐渐拉远的感觉。

用于足球主题可以是点击足球查看进球瞬间、点击足球查看一个个关于世界杯的故事等。

两列触发全屏左滑

足球最重要的是一场场精彩的比赛，每场比赛少不了对阵双方，用两列触发全屏左滑在一屏内展示对阵双方再合适不过了，点击任一方可左滑查看详情，具有充足的内容空间。

比如我们用自己的两个产品模拟球队PK，就可以与足球热点结合起来。

点击抽屉切换图片

该效果同样可以用来展示球员、球队、精彩瞬间等。相较于前面的旋转切换，读者可以有选择的查看，并且每个「抽屉」内能够容纳更多的内容。

该效果分为上、下、左、右四个抽出方向，在编辑器内搜索关键词「抽屉」可查看全部相关组件。

三层穿透式上滑

现在已经看到很多品牌的足球热点图文，都是使用了该效果。

该效果由三层图片组成，中间层的足球不动，背景层和前景层图片跟随手指上滑移动。在上滑过程中足球贯穿全文，具有很强的层次感。

比分竞猜（新年签效果）

2）自动轮播，点击停止：

3）长按轮播，松手停止：

观众在看球之余往往少不了竞猜环节，比如猜比分、猜胜者、猜冠军……用新年签效果让读者凭运气参与竞猜，可以增加图文的娱乐性和互动性。

● SVG交互排版👇🏻

 

iPaiban 团队可提供运营服务、视频制作、创意策划、多种风格设计、SVG交互开发等服务，如需定制，请添加玉兔微信（ID：playhudong15）沟通咨询。