fabiomartino / angular-tilt

An Angular Directive for tilt effect

AngularTilt

A 3D tilt implementation for Angular based on the vanilla-tilt.js and Tilt.js.

Usage

Just import the module in the module that you would like to include the directive in your components

@NgModule({
  imports: [BrowserModule, BrowserAnimationsModule, AngularTiltModule],
  declarations: [AppComponent, ProjectCardComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

And add the directive to you components

<div class="container" aTilt></div>

<div class="container" aTilt [tiltSettings]="tiltSettings"></div>

Install

yarn add angular-tilt

or

npm install --save angular-tilt

Credits

Original libraries:

• vanilla-tilt.js;
• Tilt.js

License

MIT License