ocean-ocean-page-waterink

The command line for ocean-page-waterink

Install

$ npm i ocean-page-waterink

Features

• the object micro animate effect
• 通过鼠标滚轮滚动，以水墨形状进行翻页

Usage

$ ocean-page-waterink

  Usage: 
  .section {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-repeat: no-repeat;
  }
  .section1 {
    display: block;
    background: url("../img/list-1.jpg");
  }
  .section2 {
    background: url("../img/list-2.jpg");
  }
  .section3 {
    background: url("../img/list-3.jpg");
  }


  <div class="section section1"></div>
  <div class="section section2"></div>
  <div class="section section3"></div>


  new WaterInk({
      target: '.section', // 类名或ID名
  });