文传院logo优化作业

文传院logo优化作业

删去logo中不必要的元素,保留基本图片架构,使用==scale==代码实现放大的动画效果,从而达到优化目的。

  • 在大佬的帮助下,小市民也有加分的一天。
    这次的加分作业是优化文学与传媒学院的logo,作为一个初学者,觉得这是一个很难的事情。
    作业分为两个部分,一个是优化学院的logo,一个是对logo分割,制成动态效果。

  • 作业效果为: 原档43.2kb。最优化20.6kb,优化缩减52.3%。

  • 具体流程:
    一、使用放大的动画效果,把logo的不同部分分时间段放大
    二、从里到外放大的延迟时间不同,总用时相同,为5.5s
    三、知识点:在<响应式Web设计+HTML5和CSS3实战>书中8.2.1章节对放大效果的使用