其实是依托Css3的功劳,先上一个例子 
代码地址:链接: https://pan.baidu.com/s/1sldhljJ 密码: i6qh

这动画纵有万般变化,也离不开以下几个属性

  • transform (元素2D 3D转换)

    translate,3d,X,Y,Z (移动距离)
    scale,3d,X,Y,Z (缩放比例)
    rotate,3d,X,Y,Z (旋转角度)
    skew,X,Y (倾斜角度)

  • transform-origin (允许被转换元素位置)

    left center right length %

  • transform-style (被嵌套元素在3D空间中显示)

    flat (2d) presever-3d (3d)

  • perspective (3D元素透视效果 俗称"景深")

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式