制作一个简单3D相册

- 用到的点：

• 旋转

  • 2D 旋转
    transform: rotate(值deg) deg 角度的单位

  • 3D 旋转

    transform:rotateX rotateY roteteZ
    如果让一个块实现3D效果，必须做两件事：
    1、在要实现3D效果的块上 加transform-style:preserve-3D (声明)
    2、在要实现3D效果的块的父元素上加一个镜头的距离
    一般范围为（800~1200px）
    用法：perspective:800px~1200px;
    平移 ：transform:translateX(0px) translateY() translateZ()

  背景图
  background:url(‘图片的路径’)
  什么都不设置的话，图片小于边框大小，会出现平铺现象， 要使图片不平铺的话，

  background:url(‘图片的路径’) no- repeat(不平铺)
  repeat-x 只沿X轴平铺
  repeat-y 只沿Y轴平铺

  background-size:200px 500px； 设置背景图大小 但是可能会使图片失帧。

效果图：