微信公众号高级编辑排版 —— 第三节 让SVG画面动起来

公众号平台svg动画讲解

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2021-01-14

微信公众号高级编辑排版 —— 第二节 SVG的作图原理&如何使用AI作画

SVG标签属性介绍svg标签属性<svgviewBox="0011252436"style="background-image:url(…图片链接…);background-size:100%;background-repeat:no-repeat;"x

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2021-01-14

微信公众号高级编辑排版 —— 第一节初识HTML代码

HTML语言是啥HTML本质是超文本标记语言HTML作用,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。在微信公众号平台常见的HTML标签节标签(section)<section>标签定义文档中的节

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2021-01-14

渐进式 SVG 交互创意(位图动画)代码模板与使用

本文分为1、完整代码2、代码解读3、模板使用三部分完整代码<sectionstyle="display:block;height:0!important;"><svgenable-background="new00****"viewBox=&

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2020-02-16

微信公众号平台——图文范畴内 SVG AttributeName 白名单规范介绍

前言2016年时JZCreative团队与腾讯的微信团队合作确定了图文范畴内SVGAttributeName白名单规范,目前被业内广泛称之为“黑科技排版”,具备强大的H5作品般的交互特性。

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2020-02-12

一些好用的SVG代码——放大器

放大器一般用于制作隐藏式音频触发按钮重点代码style="width:40%;height:0px;box-sizing:border-box;float:left;margin-top:-250;transform:scale(3);"代码完整案例<sectionlabe

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2020-02-07

一些好用的SVG代码——位移动画

单纯位移<animateTransformattributeName="transform"type="translate"values="00;026"repeatCount="indefinite"fill=&

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2020-02-07

一些好用的SVG代码——模块擦除动画

<setattributeName="visibility"from="visible"to="hidden"begin="click"></set>

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2020-02-07

一些好用的SVG代码——透明度动画

<animateattributename="opacity"begin="click"dur="1s"values="1;0"fill="freeze"restart="never&

阅读全文

ZER0N Studio's avatar
ZER0N Studio 2020-02-07