你将学到的
  • 视口单位
  • transform 属性
  • 通过 CSS3 完成动画
  • 绝对定位与相对定位
  • 伪元素 before 和 after
  • JavaScript 添加类
课程内容
  共1个章节
实验 1 JavaScript 实现全屏手风琴

知识点: 1.视口单位 2.绝对定位与相对定位 3.transform属性 4.伪元素before和after 5.通过CSS3完成动画 6.JavaScript添加类

课程介绍

本课程主要想为大家介绍一个不一样的手风琴特效,手风琴效果一直是比较流行的页面特效之一,大多存在于一些导航栏和图片展示的简单特效中,学习完了本课程,我相信你将能够举一反三,对于这类特效编写都能得心应手。

先学课程

课程教师

Sny 共发布过 15 门课程

查看老师的所有课程 >
开通会员,即刻开始学习
加入社群
加入编程交流社群