Introducing animation
⚡️
⚡️
Introducing animation
Introducing animation
19.09.2017
Here's our first animations update. There will be plenty of others! Create stunning interactive pages without any code.
Today we released animated elements for the page. Now you can make all elements come alive to attract the user's attention.
When users land on your website, the first thing they see is the cover. Often, at this stage the user decides whether to stay on the site or leave. This is why creating an engaging cover is so important.
When users land on your website, the first thing they see is the cover. Often, at this stage the user decides whether to stay on the site or leave. This is why creating an engaging cover is so important.
Add motion to each element. Simply select the desired effect in the block settings.
There are several types of animations available in Tilda
1
Opacity
When elements such as the title, button, form and others gradually appear on the page.
When elements such as the title, button, form and others gradually appear on the page.
2
Opacity below
The title and all other elements on the page appear from below.
The title and all other elements on the page appear from below.
3
Opacity on top
Elements drop from the top.
Elements drop from the top.
4
Scaling up
Elements appear on the screen and scale up to a desired size.
Elements appear on the screen and scale up to a desired size.
5
Opacity on the right
Any cover elements "slides" on to the page from the right.
Any cover elements "slides" on to the page from the right.
6
Opacity on the left
A cover element comes into view from the left.
A cover element comes into view from the left.
Apply one animation effect to all elements on the cover page or try a few different ones — be creative and don't be afraid to experiment ✨
Anything you've even dreamed about is possible to realise just at the moment when you decided to win.
Apply one animation effect to all elements
on the cover page or try a few different ones —
be creative and don't be afraid to experiment ✨
on the cover page or try a few different ones —
be creative and don't be afraid to experiment ✨
Animations work in all the blocks, except for the slider; animations for mobile devices will be made available at a later date.
Animations do not slow down your website. You can place them in any section of the website— motion will be triggered as you scroll the page.
Animations do not slow down your website. You can place them in any section of the website— motion will be triggered as you scroll the page.
Future plans
We working on adding animation to the Zero Block.
If you like what you just read, please share with your friends and colleagues. Thanks so much! ✌️
