Swiper 3D flow使用方法


1.如需使用Swiper的3d切换首先加载3D flow插件(jscss)。

<head>
  <link rel="stylesheet" href="css/idangerous.swiper.css">
  <link rel="stylesheet" href="css/idangerous.swiper.3dflow.css">

  <script src="js/idangerous.swiper-2.x.min.js"></script>
  <script src="js/idangerous.swiper.3dflow-2.x.js"></script>
</head>

2.插入相应代码


  var mySwiper = new Swiper('.swiper-container',{
      //其他设置
      tdFlow: {
          rotate : 50,
          stretch :0,
          depth: 100,
          modifier : 1,
          shadows : true
      }

  });  

3.查看参数解析