March Highlights: An...
Introducing basic animation with Rebit
update • 02 Apr
We're constantly working to improve our product for a better experience. Below are some changes and improvements we've made in March 2022.
Animation interactions are an essential part of having an interesting website. It can actually improve the user experience on your website.
Recently, we've added the Animation tab on the Designer Panel. It allows you to apply animations to an element.
To add an animation, select the element, then from the Designer Panel:
Choose the Animation Tab (at the bottom options), and click Add animation.
Choose a Trigger to specify when the animation start (for example, on mouse click, hover, etc)
Choose a Preset to specifies how the element will animate (slide up, slide down, etc)
Set the Duration to specify how long the element will animate
Click Create to add animation
Now, you have applied an animation to the selected element. Note that you can apply multiple animations to an element.
It's important to make sure these animations don't cancel out each other. For example, it's not a good idea to set boh Slide Up and Slide Down using the same Mouse enter event.
In the past month, we've worked on improving some existing features. Below are the details about it
Your gallery might have lots of images. Sometimes, you need the photos shorted in order, or display in a way to scan through them.
Recently, we've added a few options. It allows you to sort images in uploaded date order (oldest photos first, or oldest photos last). Besides, we also enable List view and Mansory image view
To open these options on the Image Picker, click on the filter button icon, and you'll see the options
Font Picker allows you to add custom fonts from different sources. For example Google Font, from a stylesheet file or font files URL.
Now, you are able to host your fonts on our server. To do that, on the Font Picker:
Select the Embed a file section
Enter the Font name, and select its Family
On the Source, click on the upload icon, drag and drop your font file into the upload area.
To add more font source (for different weight and style), click Add a source.
Click Select, it will navigate you to the Manage fonts tab. Then click Save to complete
Now, you have added a new font by uploading it to our server.
A symbol is a type of element or group of elements that can be used across pages within a project.
In the past month, we worked to improve some of the symbol's limitations. For example, now you can insert a new element into a symbol, move an element out of an existing symbol, etc.
To sum up, you can now apply animations with the Animation panel. Besides, we improve Image Picker, Font Picker and how we work with Symbol
Feel free to leave your feedback, and thanks for your support.
Rebit provides a set of tools, make it easier to change, help you save time and money to evolve your business
© 2021 Rebit