# ocean-object-float

> the object float animate effect

Latest version **1.0.3** (published 2019-08-02) · ISC license · 0 weekly downloads

## Install

```sh
npm install ocean-object-float
pnpm add ocean-object-float
yarn add ocean-object-float
bun add ocean-object-float
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-08-02 |
| First published | 2019-08-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 91.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 37oceanteam |
| Maintainers | 37oceanteam |

## Links

- npm: https://www.npmjs.com/package/ocean-object-float
- npm.io page: https://npm.io/package/ocean-object-float

## Recent versions

- 1.0.3 (latest) — 2019-08-02

## README

# ocean-object-float

[![Travis](https://www.travis-ci.org/liuxing/translator-cli.svg?branch=master)](https://www.travis-ci.org/liuxing/translator-cli)  [![npm version](https://img.shields.io/npm/v/translator-cli.svg)](https://www.npmjs.com/package/translator-cli) [![npm downloads](https://img.shields.io/npm/dm/translator-cli.svg)](https://www.npmjs.com/package/translator-cli) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

> The command line app for ocean-object-float

## Install

```bash
$ npm i ocean-object-float
```

## Features

- the object micro animate effect
- 鼠标上下滚动，控制元件上下（加速）漂浮；

## Usage

```bash
$ ocean-object-float

  Css Usage: 
  .content {
      width: 100%;
      height: 5000px;
  }
  #grk {
      position: absolute;
      top: 1000px;
      height: 100%;
      /* z-index:20; */
  }
  #grk div {
      position: relative;
      width: 960px;
      height: 1280px;
  }
  #grk img {
      position: absolute;
  }
  #grk .g1 {
      top: -35px;
      left: -235px;
  }

  Html Usage: 
  <div class="content"></div>
  <div id="grk">
      <div class="content-div">
          <img src="images/grk_01.png" width="21" height="24" alt="" class="g1 content-img" />
      </div>
  </div>

  JS Usage: 
  $("#grk").autoUpRotate({
    contentSelector: '.content-div',
    imageSelector: '.content-img'
  });

```

---
_Source: https://npm.io/package/ocean-object-float · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._