@logo-software/perspective

The perspective module gives perspective to elements, using the Perspective feature of the CSS by mouse move size.

Usage no npm install needed!

<script type="module">
  import logoSoftwarePerspective from 'https://cdn.skypack.dev/@logo-software/perspective';
</script>

README

Perspective Module

The perspective module gives perspective to elements, using the Perspective feature of the CSS by mouse move size.

Click here for demo

Installation

All public NPM packages of Logo Software is at https://www.npmjs.com/~logofe. To install Perspective Module:

$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/perspective -s

Just import it to your project of @NgModule import section.

@NgModule({
  imports: [CommonModule, PerspectiveModule]
})
export class AppModule {
}

Perspective Component

This component accepts HTML items inside then gives perspective to each theme. Add the below code to your code stack and give initializer parameters.

app.component.html

<logo-perspective
  [threshold]="150"
  [xDegree]="3"
  [yDegree]="3"
  [sensitivity]="50"
  [rotateX]="false"
  [rotateY]="true"
>
  <div class="art-bg-01"></div>
  <div class="art-bg-02"></div>
</logo-perspective>

For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview