本章节我们进行讲解简单的推文中简单SVG互动的效果。
主要依赖于秀米编辑器自带提供的SVG设置。
在秀米SVG中可以看到许多模板,点击自己想要的进行更改就可以了。
如果想要创建自己的SVG效果该怎么进行呢?
首先在秀米中选中布局——布局——基础布局——SVG布局
点击动画出现基础设置下拉框。这样我们就可以进行修改了。
SVG布局▼
在编辑SVG效果时,我们要时刻注意我们的图层顺序,以及图片效果。
在灵活应用后可以达到以下效果:
点亮图片,回看教学楼
(邮院青年案例)
当然了还有一些有趣的互动:
有好玩的互动记得与本小朋友分享哦!
当我发现了有趣的互动且是非常简单的
就会在推文中分享给大家
以下是基础的抖动
pstyle="text-align:center;"11svganimateattributeName="width"begin="0s"dur="0.5s"restart="whenNotActive"values="10;50;90;"repeatCount="indefinite"calcMode="paced"/animate/svg01mpchecktextcontenteditable="false"id="4_0."/mpchecktext/p
———————————————————
pstyle="text-align:left;"svgxmlns="