# css3d

> Wrapper around three.js CSS3D render + tween.js

Latest version **1.0.0** (published 2016-11-24) · WTFPL license · 0 weekly downloads

## Install

```sh
npm install css3d
pnpm add css3d
yarn add css3d
bun add css3d
```

## 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.0 |
| Published | 2016-11-24 |
| First published | 2016-11-24 |
| Weekly downloads | 0 |
| License | WTFPL |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Manny404 |
| Maintainers | artnotfound |

## Links

- npm: https://www.npmjs.com/package/css3d
- Repository: https://github.com/mannynotfound/css3d
- Homepage: http://art404.com
- Issues: https://github.com/mannynotfound/css3d/issues
- npm.io page: https://npm.io/package/css3d

## Recent versions

- 1.0.0 (latest) — 2016-11-24

## README

css3d
========

Wrapper around [three.js](https://github.com/mrdoob/three.js/tree/r58) + [CSS3D Renderer](https://github.com/mrdoob/three.js/blob/dev/examples/js/renderers/CSS3DRenderer.js) + [tween.js](https://github.com/tweenjs/tween.js).

Allows you to easily require all three libraries together with CommonJS or include in your html file as a script tag. The exported class has all the properties of three.js, CSS3D Renderer, and tween.js.

eg:

```js
var CSS3D = require('css3d');

// use three.js
var camera = new CSS3D.PerspectiveCamera(
  75, window.innerWidth / window.innerHeight, 1, 5000
);

// use css3d renderer
var element = document.createElement('div');
var object = new CSS3D.CSS3DObject(element);

// use tween
new CSS3D.TWEEN.Tween(object.position)
  .to({ y: Math.random() * 2000 - 1000 }, 2000)
  .easing(CSS3D.TWEEN.Easing.Exponential.Out)
  .start();
```

or

```html
<html>
  <head>
    <title>CSS3D</title>
  </head>
  <body>
    <div id="container"></div>
    <script type="text/javascript" src="css3d.js"></script>
    <script type="text/javascript">
      var element = document.createElement('div');
      var object = new CSS3D.CSS3DObject(element);
      // ..
    </script>
  </body>
</html>
```

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