Web开发

首页 » 常识 » 预防 » 网页开发者工具妙用
TUhjnbcbe - 2021/10/17 19:18:00

本章节我们进行讲解简单的推文中简单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="

1
查看完整版本: 网页开发者工具妙用