过渡和变形效果¶
在 WebAcappella 中,您可以创建**过渡效果**,为两个页面之间的过渡效果制作动画。每个过渡效果都有一个**自由名称**:这只是一个标签,您可以用它在设置中找到它。
有两种可能的应用:
1.基本效果:两个元素之间的变形¶
创建一个新的过渡,并给它一个明确的名称(例如 Logo header)。
将此名称与第 1** 页的组件和第 2** 页的相应组件关联。
当页面发生变化时,WebAcappella 会在这两个元素之间应用**流体变形**(例如:主页上居中的大型徽标在下一页头中缩小)。
这种效果营造出一种视觉连续感,使导航更加舒适。
2.相同元素的动画效果¶
有些元素在不同页面之间保持相同的外观(如导航按钮、图标、静态图像)。
如果为它们指定了过渡效果,WebAcappella 不会对它们进行变形,而是应用**辅助动画效果**(如渐变或外观)。
这样可以避免硬性截断,增加页面过渡的流畅性。
这种用法尤其适用于导航元素或重复块。
小技巧
为过渡段选择清晰的名称,这样你就能很容易地找到方向。
在关键元素(徽标、标题、主要图像)上少用变形。
结合变形和附带动画,创建优雅、连贯的过渡效果。
备注
2 页过渡演示____