然而,要将AE中制作的动画效果应用到网页中,还需要借助CSS的帮助。AE和CSS的结合,可以让大家更加方便快捷地实现动画效果。不过,这需要大家了解AE和CSS之间的对应关系。
/*AE中的动画属性*/ * 位置:Position * 缩放比例:Scale * 旋转角度:Rotation * 不透明度:Opacity * 填充色:Fill * 边框:Stroke * 文字:Text * 形状:Shape
/*对应的CSS属性*/ * 位置:top、left * 缩放比例:transform:scale(X,Y) * 旋转角度:transform:rotate(deg) * 不透明度:opacity * 填充色:background-color * 边框:border * 文字:font、color * 形状:border-radius
AE和CSS的对应关系,让大家可以更加灵活地运用CSS来实现从AE中导出的动画效果。同时,这也为大家提供了更多的动画思路,并且可以轻松地运用到网站设计和开发中,为用户带来更加优秀的用户体验。