https://github.com/henryruhs/move.css

Like animate.css but without the bad parts
https://github.com/henryruhs/move.css

animate css fade move rotate scale

Last synced: about 2 months ago
JSON representation

Like animate.css but without the bad parts

• Host: GitHub
• URL: https://github.com/henryruhs/move.css
• Owner: henryruhs
• License: other
• Created: 2019-04-26T14:28:17.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-10-27T21:37:03.000Z (about 2 months ago)
• Last Synced: 2024-10-28T01:42:44.517Z (about 2 months ago)
• Topics: animate, css, fade, move, rotate, scale
• Language: CSS
• Homepage:
• Size: 12.7 KB
• Stars: 7
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        
move.css

========

> Like `animate.css` but without the bad parts.

[![NPM Version](https://img.shields.io/npm/v/move.css.svg)](https://npmjs.com/package/move.css)

[![License](https://img.shields.io/npm/l/move.css.svg)](https://npmjs.com/package/move.css)

[![Playground Codepen](https://img.shields.io/badge/playground-codepen-0088cc.svg)](https://codepen.io/henryruhs/pen/poJybPz)

Installation

------------

```

npm install move.css

```

Setup

-----

Import the `move.css` file as needed:

```css

@import 'node_modules/move.css/move.css';

```

Usage

-----

Fade:

```css

animation-name: fade-in | fade-out;

```

Rotate:

```css

animation-name: rotate-right | rotate-left;

```

Scale:

```css

animation-name: scale-in | scale-out;

```

Move:

```css

animation-name: move-up | move-down | move-right | move-left;

```