Hi again, this is the new feature of the AnimatorPro 1.1, with it you’ll be able to animate elements inside Bootstrap Carousel and tabs, in fact you’ll be able to animate element inside any library or plugin that uses jQuery to add class when something happen (in carouse plugin active class added to the slide when […]
Read MoreGeneral Concepts
There are several things I had to talk about it earlier, let’s talk about it in this post. Triggers: In the AnimatorPro v1.0 there are four triggers you can use in your animations Load: if you used this trigger the animation will start when the $(document).ready fire. Click: the animation will start when the current […]
Read MoreSlide In/Out Sidebar
We are using this template in this article, download it or simply use your own Sidebar Animation is not difficult anymore. Sliding a sidebar in/out don’t need so much to make it done with AnimatorPro plugin, so easy to do it, you just have to styling your own sidebar.
Read MoreFade in and rotate element
We are using this template in this article, download it or simply use your own The hover interactions it not the same anymore!, this will take your animations to the next level!.
Read MoreTranslate up content of an element
We are using this template in this article, download it or simply use your own In this post we will do a basic hover animation, we want to translate up content of an element when the user hover over it to show more info. Section number five (Content 3-6) there is three blocks (Branding, Web […]
Read MoreCollapse/Uncollapse element
We are using this template in this article, download it or simply use your own Having collapse and uncollapse feature with AnimatorPro is so easy, you just have to select the element, select the button and do the magic !. Going to section four (Content 2-6), we will find a heading 2, button and a paragraph, […]
Read MoreStaggered interaction
We are using this template in this article, download it or simply use your own Staggered interaction is one on the most interaction designers add to their website. In this post we will make the elements inside the second section to staggered (fade in, scale up and scale down) with some delay we will have […]
Read MoreFade in/out down/up navbar
We are using this template in this article, download it or simply use your own Navbar Animation used in a lot of website and we can say that it’s the first interaction designers and developer add to their websites. In this post we will fade in down and up the Navbar when the user scroll […]
Read MoreFade in down/up elements
We are using this template in this article, download it or simply use your own In this post we will give some animation for the jumbotron elements, we want them to fade in down when the page loaded, let’s start. After activating the plugin from Manage frameworks under the File Menu, select the h1 inside the […]
Read MoreActivate AnimatorPro Plugin
After you buy the plugin you’ll receive a ZIP file, by extracting this file you’ll noticed that there is two folders AnimatorPro Website and Plugin inside the Plugin folder there is animator-pro.js file and this is the plugin file. Now open the Pinegrow go to File > Manage frameworks click on Load plugin choose the JavaScript file […]
Read More