Seow NPM | npm.io

What is it?

Library for animation while scrolling

Installation

npm install seow --save-dev

Start

JavaScript connection

import Seow from 'seow';

new Seow().init();

CSS connection

@import './node_modules/seow/dist/css/seow';

Example

JavaScript

import Seow from 'seow';

new Seow().init();

CSS

@import './node_modules/seow/dist/css/seow';

.card {
  width: 350px;
  height: 150px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  position: absolute;
  left: 20px;
  bottom: -1000px;
  background: linear-gradient(45deg, #D0B7FF, #B791FF);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

HTML

```HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>Document</title>
</head>
<body>
    <div class="card" data-seow="show-right" data-seow-duration="600">Seow example</div>
    <script src="./script.js"></script>
</body>
</html>
```

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago