Core UI and Core Animator were just released!

Brickscore / Elements / 
Parallax Hover

Parallax Hover

Core element
Neumorphic Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id ipsum velit. Pellentesque faucibus magna arcu, et laoreet ligula lobortis eu. Interdum et malesuada fames ac ante ipsum primis in faucibus

Documentation

Parallax Hover is a nestable element with a Wrapper containing all the content to apply the parallax hover. At this Wrapper you can place all the content you want and apply beautiful parallax hover effects. As each Wrapper has its own customizable behaviour inside the Parallax Hover you can duplicate all the Wrappers you want with different behaviours.

Settings

Offset

Parallax Hover offset when activated (on hover), basically means translateZ value. 50 by default.

Always active

If true, Parallax Hover effect will be always active even the hover state isn´t active on the element. False by default.

Duration

Transition duration when activated, leave and during rotate (in ms). 300 by default.

Rotate

Rotate

Defines whether to rotate container on pointer move. True by default

Rotate Touch

Defines whether to rotate container on touch move. Rotate must be enabled. True by default.

Max X Rotation & Max Y Rotation

Max rotation along the X-axis / Y-axis (in deg). 15 by default on both of them.

Invert X Rotation & Invert X Rotation

Inverts rotation along the X-axis / Y-axis (in deg). False by default.

Stretch

X Stretch / Y Strech / Z Stretch

Move (translate) Parallax Hover along the X-axis / Y-axis / Z-axis on this value (in percentage). E.g. `50` value will move container +-50% of its width. 0 by default.

Shadow

Shadow

If true, a shadow will be generated behind Parallax Hover. True by default.

Shadow Offset

Shadow offset, basically shadow element's translateZ value. 50 by default.

Shadow Scale

Shadow scale factor. 1 by default.

Highlight

Enables highlight. True by default.

Wrapper Element

This settings can be found at Wrapper element generated inside Parallax Hover element.

Offset

Offset/translate applied only to the content of this wrapper when hover state is active at Parallax Hover. 5 by default.

Opacity

"from opacity;to opacity". E.g. "0;1" means element's opacity will change from 0 (on initial state) and up to 1 (on max rotate angles). 1 by default

Introduction
Text elementsButton elementsMenu elementsCore elementsFeatures
Need assistance?
*Please feel free to reach us and we will kindly instruct you on the behaviour of any element. You can also reach our community group or take a look at our tutorials.
Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.