https://github.com/plantain-00/ease-in-out

An ease-in-out no-css animation library.
https://github.com/plantain-00/ease-in-out

Last synced: 12 days ago
JSON representation

An ease-in-out no-css animation library.

• Host: GitHub
• URL: https://github.com/plantain-00/ease-in-out
• Owner: plantain-00
• License: mit
• Created: 2017-08-09T14:11:25.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-02T23:26:26.000Z (almost 2 years ago)
• Last Synced: 2024-10-04T22:25:32.690Z (about 1 month ago)
• Language: TypeScript
• Homepage: https://plantain-00.github.io/ease-in-out/demo/
• Size: 1.08 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# ease-in-out

[![Dependency Status](https://david-dm.org/plantain-00/ease-in-out.svg)](https://david-dm.org/plantain-00/ease-in-out)

[![devDependency Status](https://david-dm.org/plantain-00/ease-in-out/dev-status.svg)](https://david-dm.org/plantain-00/ease-in-out#info=devDependencies)

[![Build Status: Windows](https://ci.appveyor.com/api/projects/status/github/plantain-00/ease-in-out?branch=master&svg=true)](https://ci.appveyor.com/project/plantain-00/ease-in-out/branch/master)

![Github CI](https://github.com/plantain-00/ease-in-out/workflows/Github%20CI/badge.svg)

[![npm version](https://badge.fury.io/js/ease-in-out.svg)](https://badge.fury.io/js/ease-in-out)

[![Downloads](https://img.shields.io/npm/dm/ease-in-out.svg)](https://www.npmjs.com/package/ease-in-out)

[![gzip size](https://img.badgesize.io/https://unpkg.com/ease-in-out?compression=gzip)](https://unpkg.com/ease-in-out)

[![type-coverage](https://img.shields.io/badge/dynamic/json.svg?label=type-coverage&prefix=%E2%89%A5&suffix=%&query=$.typeCoverage.atLeast&uri=https%3A%2F%2Fraw.githubusercontent.com%2Fplantain-00%2Fease-in-out%2Fmaster%2Fpackage.json)](https://github.com/plantain-00/ease-in-out)

An ease-in-out no-css animation library.

## features

+ ease in out

+ ease in

+ ease out

## install

`npm i ease-in-out`

## usage

```ts

import * as EaseInOut from "ease-in-out";

// 

const contentElement = document.getElementById("content");

const contentScroll = new EaseInOut.EaseInOut(currentValue => {

    contentElement.scrollTop = currentValue;

});

contentScroll.start(contentElement.scrollTop, contentElement.scrollTop + 100);

```

## change logs

```ts

// v2

import { EaseInOut, EaseIn, EaseOut } from "ease-in-out";

new EaseInOut();

new EaseIn();

new EaseOut();

// v1

import EaseInOut from "ease-in-out";

new EaseInOut();

```