ES6 slideUp & slideDown Library

Category: Animation , Javascript | July 24, 2018
Author:janrembold
Views Total:1,876 views
Official Page:Go to website
Last Update:July 24, 2018
License:MIT

Preview:

ES6 slideUp & slideDown Library

Description:

A slideUp & slideDown JavaScript library written in ES6 that can be used to animate the height of the matched elements without the need of jQuery library.

How to use it:

Install the es6-slide-up-down with package managers.

# Yarn
$ yarn add es6-slide-up-down
# NPM
$ npm install es6-slide-up-down --save

Import the ‘es6-slide-up-down’.

import {slideUp, slideDown} from 'es6-slide-up-down';

Apply slideUp and slideDown effects to an element you specify.

const element = document getElementById('MY-Element');
slideUp(element);
slideDown(element);

Customize the duration of the sliding animation.

slideUp(element,{
  duration: 2000
});
// or
slideUp(element, 2000);
slideDown(element,{
  duration: 2000
});
// or
slideDown(element, 2000);

Apply an easing function to the sliding animation. Requires an extra easing library.

slideUp({
  easing: easeInQuint
});
slideDown({
  easing: easeInQuint
});

You Might Be Interested In:


Leave a Reply