Kinetic Wrapper shares some properties with Container Row block such as background, border, border radius etc, Kinetic Wrapper additionally has some fantastic features like scroll parallax(pro) and element transition.
All 3 of these boxes both animate and scroll parallax. Because they’re wrapped in Kinetic Wrappers, moving. And that’s why we call it the Kinetic Wrapper!
Kinetic Wrapper transitions are not just a css animation library. They’re rewindable, and fully customizable. You can leave simple settings, or turn on advanced options for easings, distance, when to kick in and how far to kick in and so much more. Even more options are added on each block update.
When you wrap a block with a Kinetic Wrapper, that block gains features no other Gutenberg block ever has. Let’s say you have an image block like the one on the left, and you want to add dynamics to it on scroll or have padding, margin, custom color or transitional properties.
Background Bust Out
Kinetic Wrapper Settings
- Margin and padding options with responsive settings (tablet and mobile view)
- Background options (same options available with Container Row block)
- Border and border radius settings for each corner
- Background bust out (ability to push background of the wrapper half size of the screen)