秀米制作SVG动画之音乐画报等效果

Ave

<p class="ql-block">1、点击弹出</p><p class="ql-block">添加是一个SVG布局,内层单列布局添加一张图片,组前距和组后距为0,点击外层动画,添加图片,开启点击穿透,删除动画。注:内层添加图片的高度不要超过动画层图片的高度。</p><p class="ql-block">2、音乐海报</p><p class="ql-block">在组件中添加一个音乐卡片模板,到公众号后台新建图文,在公众号中导航栏点“音频”,“音乐”找到需要的音乐,选择音乐添加到公众号编辑区,编辑完整公众号发布内容,保存,回到后台素材管理页面,点击刚刚新建图文的标题,浏览器会打开它的临时链接复制上述临时链接地址,点击音乐卡片模板的导入音乐,放入刚刚复制的链接地址,点击设置封面,即可添加音乐海报。注:音频卡片模板,是导入用户在微信公众平台自己上传的音频素材,只能用同步方式上传到公众号后台,且只有在公众号图文里才能生效音频卡片模板,是导入用户在微信公众平台自己上传的音频素材,只能用同步方式上传到公众号后台,且只有在公众号图文里才能生效;音乐卡片模板,是导入在微信公众平台搜索出的QQ音乐,只能用同步方式上传到公众号后台,且只有在公众号图文里才能生效。</p><p class="ql-block">3、滑动背景</p><p class="ql-block">添加一个左右滑动布局,添加图片,所有图片的组前距和组后距为0;添加一个SVG布局,把上述左右滑动布局拖入内层,组前距和组后距为0,选择外层动画设置层,添加一张PNG图片,背景颜色为透明色,开启点击穿透,删除动画。</p>