Flip-Div 3D - An Stencil Component

Lightweight and zero dependencies.

Run Project

For build and test this project follow this steps.

1. npm install
2. npm install -g serve
3. npm run build
4. npm run start

and acessing http://localhost:5000/example/.

Usage example

Import component in your page flipdiv3d.js.

<flip-div height="300px" width="300px">
    <card-item class-names="my-custom-class">
        Front Item
        <!-- Insert you html here -->
    </card-item>
    <card-item class-names="my-custom-class">
        Back Item
        <!-- Insert you html here -->
    </card-item>
</flip-div>

For Angular2

(Angular2)[https://github.com/rafaelboschini/ngflipdiv3d]