删去logo中不必要的元素,保留基本图片架构,使用==scale==代码实现放大的动画效果,从而达到优化目的。
-
在大佬的帮助下,小市民也有加分的一天。
这次的加分作业是优化文学与传媒学院的logo,作为一个初学者,觉得这是一个很难的事情。
作业分为两个部分,一个是优化学院的logo,一个是对logo分割,制成动态效果。 -
作业效果为: 原档43.2kb。最优化20.6kb,优化缩减52.3%。
-
具体流程:
一、使用放大的动画效果,把logo的不同部分分时间段放大
二、从里到外放大的延迟时间不同,总用时相同,为5.5s
三、知识点:在<响应式Web设计+HTML5和CSS3实战>书中8.2.1章节对放大效果的使用