imate any section or element. Isn’t it great?
Not only that, it will help you to create bouncing animation rotating animation within X-axis and Y-axis. Also, you have the flexibility to control your animation’s delay time and more.
Give a Check to HappyAddons Demo
Let’s Create Floating Elements with Happy Addons
In this segment, we will try to give you a proper guideline on how to create a floating effect with Happy Addons.
Step 1: Installation
You can download and activate the Elementor Page Builder from the plugin directory of WordPress. In the case of Happy Elementor Addons, you need to search for the name of our plugin.
And you will get the desired plugin, now just click to install. After installing the plugin, click on the activate button.
add floating elements
Installing Happy Addons
Step 2: Activating the Floating Effect
Now you have to go to your desired page where you want to add an animation effect to a specific segment of your page.
Click the Edit with Elementor button from your WordPress Menu Bar
You can go directly from the backend page menu and select your desired page and start editing with Elementor. Or, if you want to create a new section where you need to add animation effects, you can do that just as you need.
Now select any element you want to add.
And go to the advanced segment from the left menu of the widget panel if you want to add a special effect which we are offering as Happy Effect.
You will get two effects there in our Free Version.
These special Effects will be available for every element you want to customize after activating our Happy Addons for your Elementor Plugin.
Was our direction clear to you? If not, check out the below navigation.
Edit Element from block > See the widget panel > Go to Advanced Tab > Scroll Down> Click Happy Effects
Selecting happy effects with Happy Addons
Selecting Happy Effects
And when you activate the Floating Effect, you will see three more options. Check them out with a short explanation.
Options with Happy Effects
Translate– It’s for creating the bouncing animation.
Rotate– It will help you to rotate your element from the x-axis to y-axis.
Scale– It’s for creating a zoom-in and out bouncing animation.
Activate Happy Effects
Activating Happy Effects
Again, each of these 3 sections has four common options. Which will help you to measure your effects and properly set them. The point is that these functions will help you give your elements a final or finishing touch.
Translate X– To create a bouncy effect based on X-axis.
Translate Y– To create a bouncy effect based on X-axis.
Duration– To set the animation speed ratio, how fast it will animate.
Delay– To set the interval time between your animation loop.
More features of Happy Floating Effects
Edit Button of Happy effects
Perhaps the process seems a bit confusing to you. Is it true? Don’t worry. We prepared a tutorial video only for you. Check the 3rd step out.
Step 3: How to Utilize Happy Effects of Happy Addons?
You may be asking how you can use these effects. Don’t worry, we have created a step-by-step video tutorial on the topic. This video will help you understand how you can animate widgets with our happy effects.
Detailed Guideline on Using Happy Effects
Step 4: Create Animation with The Floating Effect of Happy Addons
Now it’s time to create your desired floating animation with our Happy Elementor Addons. You may already see that we have added some exciting animation demos to our website.
Here we have created a tutorial video. You can create animations that look alike our demos or you can design your own by following the video tutorial. This is a basic level of animation creation with Happy Effects.
Adding Floating Animation to Any Widgets
Creating Advanced Level Floating Elements
If you are thinking of an advanced-level animation-like space effect, you can watch out for the tutorial below. This will help you to get inspiration on how much you can scale up your imagination with the Floating Effect feature of Happy Elementor Addon.
Creating Advanced Level of Animation with Happy Elimentor Addons
So, What Do You Think about Floating Elements?
We are really excited about the Floating Elements feature. It helps to solve the design problem with no time. We feel it will do the same for you. Does the Happy Floating Effect make you happy?
If so, please share your creation with us in the comment section. We would like to spread your work throughout the world.