Css Quad

Projective transformation of a plane (dom element).

Can be usefull to quickly add perspective to a dom element, or simply to animate a quad for transition purpose.

Based on this original post.
Another nice article can be found here.

Installation

``
npm i css-quad --save
`

Usage

`javascript
import CssQuad from 'css-quad';

const cssQuad = new CssQuad(domElement);
`

Run npm i && npm start` to build the demo.

Documentation

Constructor

$3

Public methods

$3

This method has to be called whenever the dom element size changes.

$3

This method has to be called on RAF.

Getters & setters

$3

$3

$3

$3

Position of the quad anchors relative to the viewport.