@mollahdev/marquee
Version:
A Simple JavaScript Marquee Package
50 lines (39 loc) • 934 B
Markdown
## Installation
# Simple Marquee
Simple Marquee is available as an [npm package](https://www.npmjs.com/package/@mollahdev/marquee).
### Package [DEMO](https://mollahdev.github.io/marquee/).
**npm:**
```sh
npm i @mollahdev/marquee
```
## Import and use the package
```jsx
import Marquee from '@mollahdev/marquee'
new Marquee( '.marquee-up', {
direction: 'up', // 'up' | 'down' | 'left' | 'right'
duration: 30 // number
})
```
## HTML Markup
```jsx
<div class="marquee-up">
<picture>
<img src="./images/ecwid.webp" />
</picture>
<picture>
<img src="./images/emoji.webp" />
</picture>
<picture>
<img src="./images/shopify.webp" />
</picture>
<picture>
<img src="./images/webflow.webp" />
</picture>
<picture>
<img src="./images/wix.webp" />
</picture>
<picture>
<img src="./images/wordpress.webp" />
</picture>
</div>
```