Responsive banners are designs that adapt to any aspect ratio. This makes them perfect for full screen advertisements, expandable designs, wallpapers and Digital Signage. An example of a responsive design can be seen in the GIF below.



If the resolution of a responsive design changes while the design is in view, the images and text on the design re-size and re-position to fit the new resolution.


When a design is being re-sized, you can control the speed the elements re-size at using the 'Transition Between Sizes' option under the Other Tab in the Animation Panel in Flexitive.



In the 'Transition Between Sizes' options, you can set the 'Slide Effect' to either On or Off. If the Slide Effect is set to 'On', the element will slide along the canvas whenever the design is re-sized. The speed the element slides at is controlled by the Duration, and the longer the duration, the slower the element will re-position when the canvas is re-sized. In the GIF below, you'll be able to see the elements in the design "slide" into new positions as the design is re-sized.



If the 'Slide Effect' is set to 'Off', the element will change positions on the canvas instantaneously when the design is re-sized, rather than sliding into the new position. In the GIF below, you will be able to see the elements in the design "flick" into new positions as the design is re-sized, rather than sliding.