Directory

polymer-tilt - Vaadin Add-on Directory

Parallax tilt hover effect for Polymer Component (based Polymer2) polymer-tilt - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/YingshanDeng/polymer-tilt](https://github.com//YingshanDeng/polymer-tilt/blob/1.0.2/README.md) on 2019-05-10 ]** # \ [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/YingshanDeng/polymer-tilt) Parallax tilt hover effect for Polymer Component, Inspired by [gijsroge/tilt.js](https://github.com/gijsroge/tilt.js), A tiny 60+fps parallax tilt hover effect for jQuery. ![](http://7vikhl.com1.z0.glb.clouddn.com/polymer-tilt.gif) ## Installation ``` bower install --save polymer-tilt ``` ## Usage ```html
Basic polymer-tilt demo
``` ## Options ```js maxTilt: 10, // max tilt rotation (degrees) perspective: 1000, // Transform perspective, the lower the more extreme the tilt gets easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit scale: 1, // 2 = 200%, 1.5 = 150%, etc.. speed: 300, // Speed of the enter/exit transition axis: null, // What axis should be disabled. Can be X or Y reset: false, // If the tilt effect has to be reset on exit glare: false, // Enables glare effect maxGlare: 1 // From 0 - 1 ``` ## License MIT