@limetech/lime-elements
Version:
35 lines (34 loc) • 1.12 kB
JavaScript
import { h } from '@stencil/core';
/**
* This component enhances the visual effects, when the `tiltFollowingTheCursor`
* utility function from `3d-tilt-hover-effect.ts` is implemented in a component.
*
* This component should be added to the HTML structure of the consumer component.
*
* This component carries its own styles which are needed to create a glow effect on the
* 3D element within the parent element, when the parent is hovered.
*
* The parent element must be using the `tiltFollowingTheCursor` utility function
* imported from `3d-tilt-hover-effect.ts`. This function will dynamically
* affect parts of the styles of this 3D glow effect.
*
* @private
*/
export class HoverEffectGlowComponent {
render() {
return h("div", null);
}
static get is() { return "limel-3d-hover-effect-glow"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["3d-hover-effect-glow.scss"]
};
}
static get styleUrls() {
return {
"$": ["3d-hover-effect-glow.css"]
};
}
}
//# sourceMappingURL=3d-hover-effect-glow.js.map