Bring your site to life with amazing animation effects!
Learn how to add animation effects to any part of your website – titles, buttons, images and more.
Wix.com lets everyone create a professional website for free. Choose a template, customize anything, and get online today! It’s that easy to start stunning.
No matter what business you’re in, Wix lets you easily create exactly the website you want with our intuitive drag and drop website builder. Get stunning designer-made templates, 1000s of free images in the Wix Collection, easy SEO and tons of storage. Best of all, your Wix site is mobile optimized, so visitors can see it anytime, anywhere.
Bring your site to life with animation.
Today we’ll show you how. You can Animate any text, button, shape or image on your site. Do it yourself in just a few clicks. Let’s get started.
Go to the Wix Editor.
Let’s start with our title. Click the Animate icon and hover over any effect to see how it looks. After trying out a few, pick the one you like. We’ll go with Float in. And that’s it!
Now we’ll show you how to customize your effects.
Let’s animate this button. Select the button, and hit Animate.
Choose the effect you want – this time we’ll pick Fly-In and customize.
There are a few different things we can do here.
Let’s choose the direction we want the button to enter from – we’ll go with left.
Now choose how long you want the effect to last.
This is called Duration.
You can also choose when the animation will start by adjusting Delay.
And Preview to see how it looks.
Now that you know how to add and customize animation, we’ll show you how to combine a few different effects to create something cool. To do this, we’ll animate our text, image and shape.
First, click the image, Animate and choose Fly-in.
Now click on the text, Animate, choose Fade-In, and Customize.
Finally, add animation to this badge. This time we’ll choose Flip-in, and customize to delay.
Preview to check that out.
Take a look at all of the amazing animation effects we’ve added. They really bring this site to life!
Now it’s your turn – use animation to draw attention where you want it most. Try it today! (And have fun with it.)