#免费直播课#案例《css3特效-3D动态照片墙》

话不多说,看效果:

线上效果:http://apeclass.cn/shows/3dimage/index.html


效果功能:

  •     1、整个照片墙跟随鼠标的位置而倾斜
  •     2、所有单个照片都是一个立方体
  •     3、鼠标移入单个方块,方块要旋转(方向随机)并放大。鼠标离开,回到原位
  •     4、鼠标移入单个方块,背景色随机变化(淡入淡出效果)


能学到的知识点:

  •     1、弹性布局
  •     2、css3实现立方体
  •     3、transform
  •     4、transition
  •     5、css3倍数选择器
  •     6、border-box盒模型
  •     7、mouseenter与mouseleave事件
  •     8、根据鼠标的位置去修改transform

今晚八点(2月8号),不见不散~

学习地址:https://ke.qq.com/course/149980 点击锁定免费直播坐席~


硬广时间:

海棠学院2017新年前端在线班级招生啦!

海棠学院99元入学活动继续,千说万说,不如您自己亲自来听听课程。

活动详情:http://apeclass.cn/1212/index.html

QQ咨询:2412619907 小花老师

微信咨询:小花老师