iSVG

本文以时间线为线索，配合描边动画的形式，带领用户回顾了企业多年来在“可持续社会价值”方面的尝试与努力，用户左滑可追寻线条的运动轨迹，随着线条的延伸，文案内容、动效依次浮现。值得一提的是，本文将局部动效与描边动画相结合，使图文表现力更上一层楼，描边动画与局部动效间节奏的把控，也极大地考验了开发者的全局掌控力。

在端午节，你会想到哪些元素呢？本篇推送将沉浸式带你逐一了解端午节的相关元素——粽叶、糯米、红枣与肉类、五彩绳和龙舟，并模拟包粽子的过程，增添互动感与节日的乐趣。

这是一篇迪士尼公主限定版手机新品发布的推送，这篇推送将经典的迪士尼公主主题与现代科技完美融合，为用户带来前所未有的体验。开屏的 SVG 设计，一系列精美的交互动画，带给用户一种身临其境的童话世界体验。整个设计充满了梦幻的元素，以经典的迪士尼公主为灵感，打造出独一无二的开屏效果。

本篇围绕什么是新中式生活展开，从生活的各个方面讲解什么是独属于年轻人的新中式生活。开屏时通过点击，竹叶会缓缓出现，慢慢展开长图。这种缓慢的展开速度也很新中式，体现了中式文化中“静”、“慢”的生活态度，强调在快节奏的现代生活中寻找一份从容与淡定。在正文部分，竹子会逐渐长出，竹叶轻轻落下，同时背景发生变化，并弹出文案。这种动态效果不仅增加了视觉上的美感，还赋予了整个设计一种生命的律动感。

精致优雅的祝福主题交互设计，暗屏的内容随着点击放大并变化，巧妙进入视差滑动结构页面，上下浏览时产生差速效应。

长按激活的抽签逻辑，并可在中期进行重置或点击查看进一步详情，动感十足又富有创意。

真正丝滑的连续伸长收缩交互，以丝状的纯矢量描边曲线优雅穿梭并引导主题内容，展现了第二届 SVG 开发者大会的活动计划，以叹为观止的 SVG 动画工作量实现了看似毫不费力的轻盈视觉表现。

罕见的雪碧图动画策略构成了机械感十足的复古打字机 SVG 动画，契合主题第二届 SVG 开发者大会的举办通知。