Brickscore / Elements /
Parallax Hover
Parallax Hover
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 elementsScroll Reading
Text
Underline Hover
Text
Highlight Hover
Text
Scroll Cascading
Text
Twist Reveal
Text
Letter Launcher
Text
Swap Hover
Text
3D Swap Hover
Text
Typed
Text
Circular Title
Text
Mask Hover
Text
MouseFill Title
Text
Fluid Gradient Title
Infinite Title
Text
Scroll Gradient
Text
Unfold Hover
Text
Counter
Text
Blade Reveal
Text
Inline Images
Text
Unfold Reveal
Text
Scribble Reveal
Text
SVG Reveal
Text
Decode Hover
Text
Decode Reveal
Text
Random Letters
Text
Exchange Title
Text
Blended Hover
Text
Anyside Button
Button
Mask Button
Button
Layer Button
Button
Arrow Button
Button
Crystal Button
Button
Split Button
Button
Ripple Button
Button
Prism Button
Button
Glowing Button
Button
Neumorphic Button
Button
Marquee Button
Button
Microbox Button
Button
Core Burger
Menu
OffCanvas Menu
Menu
Stripe megaMenu
Menu
Multi OffCanvas Menu
Menu
Expanding Menu
Menu
Wrap Menu
Menu
Drawer
Menu
Sticky Header
Menu
Overlay Menu
Menu
Morphing Nav
Menu
Cursor
Core
Smooth Scroll
Core
Custom Scrollbar
Core
Marquee
Core
Grainy
Core
Bubbles
Core
Dark Mode
Core
Tippy
Core
Click & Copy
Core
Flipbox
Core
Media
Core
Spinner
Core
Gradiently
Core
Glowing Card
Core
Observer
Core
Codepen
Core
Motion Divider
Core
Generatorism
Core
Glitchy
Core
Core Tabs
Core
Parallax
Core
Spotlight
Core
Back to Top
Core
Core Slider
Core
Particles
Core
Parallax Hover
Core
Video Sequence
Core
Sharer
Core
Before/After Image
Core
Lottie
Core
Image Reveal
Core
Expanders
Core
Image Hotspots
Core
Zoom Lens
Core
Need assistance?
No spam. Only Brickscore news and showcases
