The wait is over so we're happy to let you know that we brought our animations to a whole new level!

Being able to add extra animations to your designs was a long term request from all of our customers so now you can add extra movement to any layer, right after build-in and before the build-out transitions.  

Using the timeline you can add a Middle Animation to emphasize a button or help objects stand out within your design. Add shaking, blinking, pulsating and many more, on all of your designs.

10 Brand New Animation Presets! 

We also launched 10 brand new, carefully crafted, ready-to-use transition presets!

With just one click you can animate your layers or you can get into the advanced mode to enable further editing, customizing the timing, the ease and all the fine details of each new animation style.

New hover animations! 

Diversifying creative capabilities are one of our key missions here at Bannersnack. For this, we’ve added an extra twist to all of our new animations, so on every middle transition you can set a different trigger option of which there are three types: time-based, on hover and infinite.

Timeline based is the default option, where you can set the exact duration as well as start/endpoints of the transition, directly on the timeline.  

The second way is to trigger the animation only when you hover over an element and this is really helpful when making objects stand out from your design.

The third option is to give up all the timing controls of the transition and make it loop in an infinite sequence, based on the existent time frame on your current layer/slide.  

Timeline Scrubber tool! 

These new updates also come with a brand new feature that allows you to easily choose a new play position on the timeline.

Just drag your scrubber handle to set a new play position or drag it over your transitions to have a frame by frame preview of your movements on the stage. You can click anywhere on the timeline ruler to set a different starting position for your preview, then just hit space to play your preview over and over again. Click on "Reset play position" to go back to 0 sec. 

New and improved copy-paste option for animation presets! 

We’ve also added brand new paste options for both the single editor and Generator.

In the single editor, you’ll discover the new Paste transition with timing that will paste not only your copied preset but it’s original starting time and duration as well. Chose the default option if you want to use the paste in the old way, adjusting the preset only.

Furthermore , the Generator received an extra feature that will allow you to paste an animation from a layer found on one of the sizes, on all of the other sizes. The effect will apply globally on that specific layer throughout all of the sizes found in your design Set.

You can also add it only to your rectangle layouts if you need to. Note that this will also paste it’s starting position and duration of your copied animation style.  

Bulk edit multiple layers at once. 

You can add your favorite transitions to multiple builds in/outs, at once and you can also remove all of the animations in one single click or drag multiple handles together with the new bulk editing functions on the timeline.

Simply select all of the layers you want to modify and apply changes with one single click. It’s pretty easy! You can also paste the same transition to multiple layers or adjust the end time of a build-out on multiple layers at the same time. 

But where is the old transitions toolbar?! 

These all cool new additions to the animation capabilities of Bannersnack comes with a cost so we had to get rid of the old User Interface. Pushing the transition button from the properties bar will now trigger the timeline from the bottom of the screen. This will be the only way to work with animations from now on, due to it’s simplified editing possibilities.

Have fun!