SVG加分作业_by黎婵 改进文传院WCY LOGO并加过渡及动画的特效 本文为作品说明及作品链接
内容列举
- 插入SVG的多种方法
- 优化缩减百分比
- 特效效果及使用的知识点
- 使用 img 标签插入SVG
- 使用 object 标签插入SVG
- 内联SVG
- 通过CSS插入背景图像
- 把 SVG 作为滤镜
- 用 CSS 为 SVG 添加动画，让wcy_logo旋转起来
- 使用图像来作链接
- 当鼠标经过图片时，logo旋转90°
- 当鼠标经过图片时，logo变成成其他图片
- 当鼠标经过图片时，logo覆盖多一层文字字幕
- CSS 的 2D 变形
- CSS 的 3D 变形之垂直变化
- CSS 的 3D 变形之水平变化
作品查看
想了解更多优秀作品？
- 文学与传媒学院标识H5交互动画版
- 由廖汉腾老师结合H5(HTML5+CSS3)课堂实践及学生作品而成，参考学生作品包括林树斌丶林立丶胡靖茵的作品。