Skip to content
/ multiflip Public

Animation of dom, flipping its sections for showing and hiding the whole

License

Notifications You must be signed in to change notification settings

kt3k/multiflip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

multiflip v5.2.0

Animation of dom, flipping its sections for showing and hiding the whole

Note: This library depends on jQuery class-component and es6-promise.

Usage

Load jquery, class-component and multiflip, then put dom with the class name multiflip.

<script src="path/to/jquery.js"></script>
<script src="path/to/class-component.js"></script>
<script src="path/to/multiflip.js"></script>

<div class="multiflip" m="8" n="4" unit-dur="400" bgcolor="#115588">
  <div class="content">Example</div>
</div>

<style>
.multiflip { width: 400px; height: 200px; }
</style>

The meaning of attrs:

  • attr {number} m The horizontal partition number
  • attr {number} n The vertical partition number
  • attr {number} unit-dur The duration showing and hiding the unit chip. default 400
  • attr {number} content-show-dur The duration of showing and hiding the content. default 400
  • attr {string} bgcolor The background color

demo (chrome)

Install

Via npm:

npm install multiflip

License

MIT

About

Animation of dom, flipping its sections for showing and hiding the whole

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published