Animations – Exit

[dt_sc_margin margin=»100″ /][dt_sc_fullwidth_section first][dt_sc_titled_box type=»info-box» title=»Title Comes Here» icon=»fa-cogs» bgcolor=»» variation=»» textcolor=»»]Please click on the boxes to play animations.[/dt_sc_titled_box][dt_sc_margin margin=»60″ /][/dt_sc_fullwidth_section][dt_sc_one_column first][dt_sc_title type=»h4″ style=»» icon=»» margin=»0 0 5px 0″ align=»aligncenter» class=»»]Bouncing Exits[/dt_sc_title][dt_sc_separators background_image=»» background_image_repeat=»» background_color=»#333333″ border_width=»0″ border_style=»» border_color=»» width=»25px» height=»2px» margin=»» alignment=»aligncenter» /][dt_sc_margin margin=»40″ /][/dt_sc_one_column][dt_sc_fullwidth_section type=»» backgroundimage=»» backgroundrepeat=»» backgroundposition=»» backgroundattachment=»» backgroundsize=»» backgroundcolor=»» opacity=»» backgroundcolorsecondary=»» opacitysecondary=»» backgroundimagesecondary=»» backgroundrepeatsecondary=»» backgroundpositionsecondary=»» parallax=»» paddingtop=»» paddingbottom=»» textcolor=»» topbordercolor=»» bottombordercolor=»» gradientvalue=»» gradientvaluesecondary=»» gradientdegree=»» radialgradientposition=»» applywhitecolor=»» align=»» disablecontainer=»» class=»play-animations hold-animations» first][dt_sc_one_third bgcolor=»#ed9b4c» bgcoloropacity=»0.3″ padding=»30px» animation=»bounceOut» animation_delay=»500″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Bounce Out[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#41d4d6″ bgcoloropacity=»0.3″ padding=»30px» animation=»bounceOutUp» animation_delay=»1000″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Bounce Out Up[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#2eb9ea» bgcoloropacity=»0.3″ padding=»30px» animation=»bounceOutDown» animation_delay=»1500″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Bounce Out Down[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_margin margin=»20″ /][dt_sc_one_third bgcolor=»#9268e8″ bgcoloropacity=»0.3″ padding=»30px» animation=»bounceOutLeft» animation_delay=»2000″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Bounce Out Left[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#f3c72f» bgcoloropacity=»0.3″ padding=»30px» animation=»bounceOutRight» animation_delay=»2500″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Bounce Out Right[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][/dt_sc_fullwidth_section][dt_sc_margin margin=»90″ /][dt_sc_fullwidth_section type=»» backgroundimage=»» backgroundrepeat=»» backgroundposition=»» backgroundattachment=»» backgroundsize=»» backgroundcolor=»#f8f8f8″ opacity=»» backgroundcolorsecondary=»» opacitysecondary=»» backgroundimagesecondary=»» backgroundrepeatsecondary=»» backgroundpositionsecondary=»» parallax=»» paddingtop=»» paddingbottom=»» textcolor=»» topbordercolor=»» bottombordercolor=»» gradientvalue=»» gradientvaluesecondary=»» gradientdegree=»» radialgradientposition=»» applywhitecolor=»» align=»» disablecontainer=»» class=»play-animations hold-animations» first][dt_sc_margin margin=»50″ /][dt_sc_title type=»h4″ style=»» icon=»» margin=»0 0 5px 0″ align=»aligncenter» class=»»]Fading Exits[/dt_sc_title][dt_sc_separators background_image=»» background_image_repeat=»» background_color=»#333333″ border_width=»0″ border_style=»» border_color=»» width=»25px» height=»2px» margin=»» alignment=»aligncenter» /][dt_sc_margin margin=»40″ /][dt_sc_one_third bgcolor=»#89c34a» bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOut» animation_delay=»500″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#e65100″ bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOutUp» animation_delay=»1000″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out Up[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#ed8896″ bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOutDown» animation_delay=»1500″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out Down[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_margin margin=»20″ /][dt_sc_one_third bgcolor=»#4285f4″ bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOutLeft» animation_delay=»2000″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out Left[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#5f368c» bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOutRight» animation_delay=»2500″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out Right[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#b67df4″ bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOutUpBig» animation_delay=»3000″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out Up Big[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_margin margin=»20″ /][dt_sc_one_third bgcolor=»#8c6046″ bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOutDownBig» animation_delay=»3500″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out Down Big[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#ff4c83″ bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOutLeftBig» animation_delay=»4000″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out Left Big[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#a03eae» bgcoloropacity=»0.3″ padding=»30px» animation=»fadeOutRightBig» animation_delay=»4500″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Fade Out Right Big[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_margin margin=»60″ /][/dt_sc_fullwidth_section][dt_sc_margin margin=»90″ /][dt_sc_one_column first][dt_sc_title type=»h4″ style=»» icon=»» margin=»0 0 5px 0″ align=»aligncenter» class=»»]Fading Exits[/dt_sc_title][dt_sc_separators background_image=»» background_image_repeat=»» background_color=»#333333″ border_width=»0″ border_style=»» border_color=»» width=»25px» height=»2px» margin=»» alignment=»aligncenter» /][dt_sc_margin margin=»40″ /][/dt_sc_one_column][dt_sc_fullwidth_section type=»» background
image=»» backgroundrepeat=»» backgroundposition=»» backgroundattachment=»» backgroundsize=»» backgroundcolor=»» opacity=»» backgroundcolorsecondary=»» opacitysecondary=»» backgroundimagesecondary=»» backgroundrepeatsecondary=»» backgroundpositionsecondary=»» parallax=»» paddingtop=»» paddingbottom=»» textcolor=»» topbordercolor=»» bottombordercolor=»» gradientvalue=»» gradientvaluesecondary=»» gradientdegree=»» radialgradientposition=»» applywhitecolor=»» align=»» disablecontainer=»» class=»play-animations hold-animations» first][dt_sc_one_third bgcolor=»#eaecce» padding=»30px» animation=»flipOutX» animation_delay=»500″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Flip Out X[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#efdada» padding=»30px» animation=»flipOutY» animation_delay=»1000″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Flip Out Y[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][/dt_sc_fullwidth_section][dt_sc_margin margin=»90″ /][dt_sc_fullwidth_section type=»» backgroundimage=»» backgroundrepeat=»» backgroundposition=»» backgroundattachment=»» backgroundsize=»» backgroundcolor=»#f8f8f8″ opacity=»» backgroundcolorsecondary=»» opacitysecondary=»» backgroundimagesecondary=»» backgroundrepeatsecondary=»» backgroundpositionsecondary=»» parallax=»» paddingtop=»» paddingbottom=»» textcolor=»» topbordercolor=»» bottombordercolor=»» gradientvalue=»» gradientvaluesecondary=»» gradientdegree=»» radialgradientposition=»» applywhitecolor=»» align=»» disablecontainer=»» class=»play-animations hold-animations» first][dt_sc_margin margin=»50″ /][dt_sc_title type=»h4″ style=»» icon=»» margin=»0 0 5px 0″ align=»aligncenter» class=»»]Rotating Exits[/dt_sc_title][dt_sc_separators background_image=»» background_image_repeat=»» background_color=»#333333″ border_width=»0″ border_style=»» border_color=»» width=»25px» height=»2px» margin=»» alignment=»aligncenter» /][dt_sc_margin margin=»40″ /][dt_sc_one_third bgcolor=»#e6dcf6″ padding=»30px» animation=»rotateOut» animation_delay=»500″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Rotate Out[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#b7ddef» padding=»30px» animation=»rotateOutUpLeft» animation_delay=»1000″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Rotate Out Up Left[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#cfd8f9″ padding=»30px» animation=»rotateOutDownLeft» animation_delay=»1500″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Rotate Out Down Left[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_margin margin=»20″ /][dt_sc_one_third bgcolor=»#e6ddca» padding=»30px» animation=»rotateOutUpRight» animation_delay=»2000″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Rotate Out Up Right[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#d9ddc9″ padding=»30px» animation=»rotateOutDownRight» animation_delay=»2500″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Rotate Out Down Right[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_margin margin=»60″ /][/dt_sc_fullwidth_section][dt_sc_margin margin=»90″ /][dt_sc_one_column first][dt_sc_title type=»h4″ style=»» icon=»» margin=»0 0 5px 0″ align=»aligncenter» class=»»]Special Exits[/dt_sc_title][dt_sc_separators background_image=»» background_image_repeat=»» background_color=»#333333″ border_width=»0″ border_style=»» border_color=»» width=»25px» height=»2px» margin=»» alignment=»aligncenter» /][dt_sc_margin margin=»40″ /][/dt_sc_one_column][dt_sc_fullwidth_section type=»» backgroundimage=»» backgroundrepeat=»» backgroundposition=»» backgroundattachment=»» backgroundsize=»» backgroundcolor=»» opacity=»» backgroundcolorsecondary=»» opacitysecondary=»» backgroundimagesecondary=»» backgroundrepeatsecondary=»» backgroundpositionsecondary=»» parallax=»» paddingtop=»» paddingbottom=»» textcolor=»» topbordercolor=»» bottombordercolor=»» gradientvalue=»» gradientvaluesecondary=»» gradientdegree=»» radialgradientposition=»» applywhitecolor=»» align=»» disablecontainer=»» class=»play-animations hold-animations» first][dt_sc_one_third bgcolor=»#ddf3d2″ padding=»30px» animation=»hinge» animation_delay=»500″ first][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Hinge[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#b7eaf0″ padding=»30px» animation=»rollOut» animation_delay=»1000″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Roll Out[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][dt_sc_one_third bgcolor=»#bed3f2″ padding=»30px» animation=»lightSpeedOut» animation_delay=»1500″ ][dt_sc_title type=»h4″ style=»» icon=»» align=»aligncenter» class=»»]Light Speed Out[/dt_sc_title]

Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.

[/dt_sc_one_third][/dt_sc_fullwidth_section][dt_sc_margin margin=»100″ /]