https://github.com/kt3k/multiflip

Animation of dom, flipping its sections for showing and hiding the whole
https://github.com/kt3k/multiflip

capsid component dom ui

Last synced: about 9 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/kt3k/multiflip
• Owner: kt3k
• License: mit
• Created: 2014-12-09T11:39:22.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2020-03-07T09:57:22.000Z (almost 5 years ago)
• Last Synced: 2025-01-30T03:11:32.346Z (7 days ago)
• Topics: capsid, component, dom, ui
• Language: JavaScript
• Homepage:
• Size: 1010 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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`.

```js



  
Example



.multiflip { width: 400px; height: 200px; }

```

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](http://kt3k.github.io/multiflip/test.html) (chrome)

# Install

Via npm:

    npm install multiflip

# License

MIT