Today I decided to go for it despite the prescription plan of $ 25 ex. VAT a year. I just hate prescription plans but anyway. You can pay and authorize the interaction plugin out of Pinegrows latest version 5.9 and start animating.
Started a Bootstrap 4 project and opened the index page with some text and images. At the top right there appears a new icon that when clicked opens the interaction panel.
Adding a animation to a element on your web page is super easy! Just click an element for example a image and go to the panel to select for example the Trigger: Scrolling the Page | Target: Default this element | Animation: rotateIn.
Now when you open your web page and scroll the page you see the animation doing it’s thing! That’s it!
Of course you can see the animation in Pinegrow by scrolling the page in the app or hovering with your mouse cursor over the play button. And this is only the beginning of what you can do.
By clicking on the Edit Animation button a time line opens at the bottom of Pinegrow that changes it in a compact version of Adobe After Effects with multiple layers. Here you can edit the time and transition and fine tune your animations/effects.
I’m always very skeptical when a new app is introduced but this one has blasted me away in one day.
All together I’m very much impressed by this application that offers a full animation recording studio for websites and deliver cross browser animation effects and real animations out of the box and of course there are plenty of possibilities to create your own animations in navigation systems, on forms, images, video and you can even use sound!