{"id":3216,"date":"2019-12-01T23:09:43","date_gmt":"2019-12-01T23:09:43","guid":{"rendered":"https:\/\/www.ainforce.com\/help\/?post_type=manual_kb&#038;p=3216"},"modified":"2021-05-02T17:12:02","modified_gmt":"2021-05-02T17:12:02","slug":"use-case-05-how-and-when-to-use-box-transitions","status":"publish","type":"manual_kb","link":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/","title":{"rendered":"Use Case 05. How and when to use Box Transitions"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_type=&#8221;row&#8221; stretch_row_type=&#8221;no&#8221; css=&#8221;.vc_custom_1575234153534{margin-bottom: 0px !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;doc-justify&#8221;]In this use case you\u2019ll learn when and how best to use the \u201cBox\u201d video transition which looks something like this like this:[\/vc_column_text][vc_raw_html el_class=&#8221;gifContainer&#8221; css=&#8221;.vc_custom_1575241949635{margin-bottom: 0px !important;}&#8221;]JTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZCb3VuY2UlMjUyMEhhcmQuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFQm91bmNlJTIwSGFyZCUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZCb3VuY2UuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFQm91bmNlJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRkVsYXN0aWMuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFRWxhc3RpYyUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZGbGlwJTI1MjAxLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRUZsaXAlMjAxJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRkZsaXAlMjUyMDIuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFRmxpcCUyMDIlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGQm94JTJGRmxpcCUyNTIwRWxhc3RpYy5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VGbGlwJTIwRWxhc3RpYyUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZGbGlwJTI1MjBUaWx0LmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRUZsaXAlMjBUaWx0JTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRlNpbXBsZSUyNTIwU29mdC5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTaW1wbGUlMjBTb2Z0JTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRlNpbXBsZS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTaW1wbGUlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGQm94JTJGU29mdCUyNTIwQm91bmNlLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNvZnQlMjBCb3VuY2UlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNF[\/vc_raw_html][vc_btn title=&#8221;Hide gif-preview from page&#8221; style=&#8221;outline&#8221; color=&#8221;turquoise&#8221; size=&#8221;xs&#8221; align=&#8221;right&#8221; custom_onclick=&#8221;true&#8221; custom_onclick_code=&#8221;jQuery(&#8220;.gifContainer&#8220;).empty();jQuery(&#8220;.gifButtonHide&#8220;).empty();&#8221; el_class=&#8221;gifButtonHide&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; stretch_row_type=&#8221;no&#8221; css=&#8221;.vc_custom_1575234189159{margin-top: -20px !important;}&#8221;][vc_column][vc_text_separator title=&#8221;Use Case 05&#8243; style=&#8221;dashed&#8221; css=&#8221;.vc_custom_1575241823865{margin-top: 0px !important;margin-bottom: 0px !important;}&#8221;][vc_column_text]<\/p>\n<h4 class=\"yellow-header--560\">How and when to use Box Transitions<\/h4>\n<p>[\/vc_column_text]<div id=\"ultimate-video-131469ff8e5ab9108\" class=\"ult-video  ult-adjust-bottom-margin ultimate-video-131469ff8e5ab9108 ultv-2305 \"><div class=\"ultv-video ultv-aspect-ratio-16_9 ultv-subscribe-responsive-none\" data-videotype=\"uv_iframe\">\n\t\t\t\t\t\t<div class=\"ultv-video__outer-wrap\" data-autoplay=\"0\" data-device=\"false\"  data-iconbg=\"#3A3A3A\" data-overcolor=\"\" data-defaultbg=\"#1f1f1e\" data-defaultplay=\"defaulticon\"><div class=\"ultv-video__play\" data-src=\"https:\/\/www.youtube.com\/embed\/wnc4MMkimoE?rel=0&#038;start&#038;end&#038;controls=1&#038;mute=0&#038;modestbranding=0&#038;autoplay=1\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ultv-video__thumb\" src=\"https:\/\/i.ytimg.com\/vi\/wnc4MMkimoE\/maxresdefault.jpg\"\/>\n\t\t\t\t\t\t\t\t<div class=\"ultv-video__play-icon  ultv-animation-none\" style=\"width:75px\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\"><path class=\"ultv-youtube-icon-bg\" d=\"m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z\" fill=\"#1f1f1e\" ><\/path><path d=\"m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z\" fill=\"#fff\"><\/path><path d=\"M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,22.34 45.02,23.46 z\" fill=\"#ccc\"><\/path><\/svg><\/div> <\/div> <\/div><div class=\"ultv-subscribe-bar ult-responsive\"  data-ultimate-target='.ult-video.ultv-2305 .ultv-subscribe-bar'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style = \"color:#fff; background-color:#1b1b1b; \">\n\t\t\t\t<div class=\"ultv-subscribe-bar-prefix\" style=\"font-weight:normal;\">Subscribe to our YouTube Channel<\/div>\n\t\t\t\t<div class=\"ultv-subscribe-content\">\n\t\t\t\t\t<script src=\"https:\/\/apis.google.com\/js\/platform.js\"><\/script> <!-- Need to be enqueued from someplace else --><div class=\"g-ytsubscribe\" data-channel=\"AinforceAgency\" data-count=\"default\"><\/div><\/div> <\/div><\/div><\/div>[vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; stretch_row_type=&#8221;no&#8221;][vc_column][vc_column_text]<\/p>\n<h4 class=\"yellow-header--560\">Key content from the use case video<\/h4>\n<p>[\/vc_column_text][vc_column_text el_class=&#8221;doc-justify&#8221;]<span style=\"font-weight: 400;\">The Box Transition is a really cool transition to use when you want to introduce a realistic motion that consists of a natural bounce or a spring movement.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The BOX transition results in an incoming video clip or image bouncing into onto the screen to take up its new position.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A typical use for the box transition is for objects that you\u2019d like to introduce into the frame. Let\u2019s imagine a couple of lawyers who are busy discussing a crucial document in. From this medium office shot, we can apply the box transition to zoom into the document in question. So, the document is the \u201cobject\u201d being put into close focus by using the box transition<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, we can use the box <a href=\"https:\/\/www.ainforce.com\/premiere-pro-templates\/aintransitions-ppro-ultimate-seamless-transitions-pack-for-premiere-pro\/\">transitions for Premiere Pro<\/a> and box <a href=\"https:\/\/www.ainforce.com\/aintransitions-ultimate-seamless-transitions-pack\/\">transitions for After Effects<\/a> to introduce a subject or to offer a close up view of an object or item using a realistic natural bounce motion.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The one important rule to remember is never to overuse this transition. Use it once or twice in your video &#8230; that\u2019s normally enough.<\/span><\/p>\n<p>The described example is also suitable for box <a href=\"https:\/\/www.ainforce.com\/davinci-resolve-templates\/aintransitions-dr-ultimate-seamless-transitions-pack-for-davinci-resolve\/\">transitions for DaVinci Resolve<\/a>.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJicy1jYWxsb3V0JTIwYnMtY2FsbG91dC13YXJuaW5nJTIyJTNFUGxlYXNlJTIwa2VlcCUyMGluJTIwbWluZCUyMHRoYXQlMjB3ZSUyMGdpdmUlMjB0aGlzJTIwbWF0ZXJpYWwlMjBhcyUyMGFuJTIwZXhhbXBsZSUyQyUyMHNvJTIwdGhhdCUyMHlvdSUyMGhhdmUlMjBtb3JlJTIwaWRlYSUyMGhvdyUyMHRvJTIwdXNlJTIwdGhpcyUyMHR5cGUlMjBvZiUyMHRyYW5zaXRpb25zLiUyMEluJTIwcmVhbGl0eSUyQyUyMHRoaXMlMjB0eXBlJTIwb2YlMjB2aWRlbyUyMHRyYW5zaXRpb25zJTIwY2FuJTIwaGF2ZSUyMG1hbnklMjBtb3JlJTIwdXNlJTIwY2FzZXMlMkMlMjBiZXNpZGVzJTJDJTIwaXQlMjBkZXBlbmRzJTIwb24lMjB0aGUlMjB0eXBlJTIwb2YlMjB5b3VyJTIwdmlkZW8lMjBhbmQlMjB0aGUlMjBjb250ZW50JTIwb2YlMjB0aGUlMjBtYXRlcmlhbHMlMjAlMjhwaG90b3MlMkMlMjB2aWRlb3MlMjklMjB5b3UlMjB1c2UuJTIwV2UlMjBvbmx5JTIwZ2l2ZSUyMGElMjBzdGFydGluZyUyMHBvaW50LiUzQyUyRmRpdiUzRQ==[\/vc_raw_html][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; stretch_row_type=&#8221;no&#8221;][vc_column][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJuYXZpZ2F0aW9uQ29udGFpbmVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJyZXNldC1uYXYtY29udGFpbmVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLW5hdlBhZ2VzTGlua3MlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NhJTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRQcmV2aW91cyUyMiUyMGhyZWYlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy5haW5mb3JjZS5jb20lMkZoZWxwJTJGa25vd2xlZGdlYmFzZSUyRnVzZS1jYXNlLTA0LWhvdy1hbmQtd2hlbi10by11c2UtYWJzdHJhY3QtZGlzcGxhY2VtZW50LXRyYW5zaXRpb25zJTJGJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRJY29uJTIyJTNFJTNDc3ZnJTIwcHJlc2VydmVBc3BlY3RSYXRpbyUzRCUyMnhNaWRZTWlkJTIwbWVldCUyMiUyMGhlaWdodCUzRCUyMjFlbSUyMiUyMHdpZHRoJTNEJTIyMWVtJTIyJTIwZmlsbCUzRCUyMm5vbmUlMjIlMjB4bWxucyUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudzMub3JnJTJGMjAwMCUyRnN2ZyUyMiUyMHZpZXdCb3glM0QlMjIwJTIwMCUyMDI0JTIwMjQlMjIlMjBzdHJva2Utd2lkdGglM0QlMjIyJTIyJTIwc3Ryb2tlLWxpbmVjYXAlM0QlMjJyb3VuZCUyMiUyMHN0cm9rZS1saW5lam9pbiUzRCUyMnJvdW5kJTIyJTIwc3Ryb2tlJTNEJTIyY3VycmVudENvbG9yJTIyJTIwY2xhc3MlM0QlMjJjb250YWluZXItLWljb24tdGV4dCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2clM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NsaW5lJTIweDElM0QlMjIxOSUyMiUyMHkxJTNEJTIyMTIlMjIlMjB4MiUzRCUyMjUlMjIlMjB5MiUzRCUyMjEyJTIyJTNFJTNDJTJGbGluZSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3BvbHlsaW5lJTIwcG9pbnRzJTNEJTIyMTIlMjAxOSUyMDUlMjAxMiUyMDEyJTIwNSUyMiUzRSUzQyUyRnBvbHlsaW5lJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRnN2ZyUzRSUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS1jYXJkQm9keSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS1jYXJkSGludCUyMiUzRSUzQ3NwYW4lMjBjbGFzcyUzRCUyMmNvbnRhaW5lci0tdGV4dENvbnRlbnRGYW1pbHktSDIwMCUyMiUzRVByZXZpb3VzJTNDJTJGc3BhbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS1jYXJkVGl0bGUlMjIlM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJjb250YWluZXItLXRleHRDb250ZW50RmFtaWx5LUg0MDAlMjIlM0VVc2UlMjBDYXNlJTIwMDQuJTIwQWJzdHJhY3QlMjBEaXNwbGFjZW1lbnQlMjBUcmFuc2l0aW9ucyUzQyUyRnNwYW4lM0UlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZhJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDYSUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS1jYXJkTmV4dCUyMiUyMGhyZWYlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy5haW5mb3JjZS5jb20lMkZoZWxwJTJGa25vd2xlZGdlYmFzZSUyRnVzZS1jYXNlLTA2LWhvdy1hbmQtd2hlbi10by11c2UtY2FtZXJhLXRyYW5zaXRpb25zJTJGJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRCb2R5JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRIaW50JTIyJTNFJTNDc3BhbiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS10ZXh0Q29udGVudEZhbWlseS1IMjAwJTIyJTNFTmV4dCUzQyUyRnNwYW4lM0UlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbnRhaW5lci0tY2FyZFRpdGxlJTIyJTNFJTNDc3BhbiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS10ZXh0Q29udGVudEZhbWlseS1INDAwJTIyJTNFVXNlJTIwQ2FzZSUyMDA2LiUyMENhbWVyYSUyMFRyYW5zaXRpb25zJTNDJTJGc3BhbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS1jYXJkSWNvbiUyMiUzRSUzQ3N2ZyUyMHByZXNlcnZlQXNwZWN0UmF0aW8lM0QlMjJ4TWlkWU1pZCUyMG1lZXQlMjIlMjBoZWlnaHQlM0QlMjIxZW0lMjIlMjB3aWR0aCUzRCUyMjFlbSUyMiUyMGZpbGwlM0QlMjJub25lJTIyJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjAyNCUyMDI0JTIyJTIwc3Ryb2tlLXdpZHRoJTNEJTIyMiUyMiUyMHN0cm9rZS1saW5lY2FwJTNEJTIycm91bmQlMjIlMjBzdHJva2UtbGluZWpvaW4lM0QlMjJyb3VuZCUyMiUyMHN0cm9rZSUzRCUyMmN1cnJlbnRDb2xvciUyMiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS1pY29uLXRleHQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NnJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDbGluZSUyMHgxJTNEJTIyNSUyMiUyMHkxJTNEJTIyMTIlMjIlMjB4MiUzRCUyMjE5JTIyJTIweTIlM0QlMjIxMiUyMiUzRSUzQyUyRmxpbmUlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0Nwb2x5bGluZSUyMHBvaW50cyUzRCUyMjEyJTIwNSUyMDE5JTIwMTIlMjAxMiUyMDE5JTIyJTNFJTNDJTJGcG9seWxpbmUlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZnJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGc3ZnJTNFJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGYSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUzQyUyRmRpdiUzRQ==[\/vc_raw_html][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":5,"template":"","format":"standard","manualknowledgebasecat":[65],"manual_kb_tag":[],"class_list":["post-3216","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-aintransitions-use-cases"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Use Case 05. How and when to use Box Transitions - Knowledge Base<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use Case 05. How and when to use Box Transitions - Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"[vc_row row_type=&#8221;row&#8221; stretch_row_type=&#8221;no&#8221; css=&#8221;.vc_custom_1575234153534{margin-bottom: 0px !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;doc-justify&#8221;]In this use case you\u2019ll learn when and how best to use the \u201cBox\u201d video transition which looks something like this like this:[\/vc_column_text][vc_raw_html el_class=&#8221;gifContainer&#8221; css=&#8221;.vc_custom_1575241949635{margin-bottom: 0px !important;}&#8221;]JTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZCb3VuY2UlMjUyMEhhcmQuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFQm91bmNlJTIwSGFyZCUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZCb3VuY2UuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFQm91bmNlJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRkVsYXN0aWMuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFRWxhc3RpYyUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZGbGlwJTI1MjAxLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRUZsaXAlMjAxJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRkZsaXAlMjUyMDIuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFRmxpcCUyMDIlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGQm94JTJGRmxpcCUyNTIwRWxhc3RpYy5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VGbGlwJTIwRWxhc3RpYyUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZGbGlwJTI1MjBUaWx0LmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRUZsaXAlMjBUaWx0JTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRlNpbXBsZSUyNTIwU29mdC5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTaW1wbGUlMjBTb2Z0JTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRlNpbXBsZS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTaW1wbGUlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGQm94JTJGU29mdCUyNTIwQm91bmNlLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNvZnQlMjBCb3VuY2UlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNF[\/vc_raw_html][vc_btn title=&#8221;Hide gif-preview from page&#8221; style=&#8221;outline&#8221; color=&#8221;turquoise&#8221; size=&#8221;xs&#8221; align=&#8221;right&#8221; custom_onclick=&#8221;true&#8221; custom_onclick_code=&#8221;jQuery(&#8220;.gifContainer&#8220;).empty();jQuery(&#8220;.gifButtonHide&#8220;).empty();&#8221; el_class=&#8221;gifButtonHide&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; stretch_row_type=&#8221;no&#8221; css=&#8221;.vc_custom_1575234189159{margin-top: -20px !important;}&#8221;][vc_column][vc_text_separator title=&#8221;Use Case 05&#8243; style=&#8221;dashed&#8221; css=&#8221;.vc_custom_1575241823865{margin-top: 0px [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowledge Base\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-02T17:12:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/\",\"url\":\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/\",\"name\":\"Use Case 05. How and when to use Box Transitions - Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\/\/www.ainforce.com\/help\/#website\"},\"datePublished\":\"2019-12-01T23:09:43+00:00\",\"dateModified\":\"2021-05-02T17:12:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ainforce.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Use Case 05. How and when to use Box Transitions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ainforce.com\/help\/#website\",\"url\":\"https:\/\/www.ainforce.com\/help\/\",\"name\":\"Ainforce - Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.ainforce.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ainforce.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ainforce.com\/help\/#organization\",\"name\":\"Ainforce\",\"url\":\"https:\/\/www.ainforce.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ainforce.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ainforce.com\/help\/wp-content\/uploads\/sites\/2\/2018\/11\/ainforce-kb-logo-blue.png\",\"contentUrl\":\"https:\/\/www.ainforce.com\/help\/wp-content\/uploads\/sites\/2\/2018\/11\/ainforce-kb-logo-blue.png\",\"width\":479,\"height\":144,\"caption\":\"Ainforce\"},\"image\":{\"@id\":\"https:\/\/www.ainforce.com\/help\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Use Case 05. How and when to use Box Transitions - Knowledge Base","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/","og_locale":"en_US","og_type":"article","og_title":"Use Case 05. How and when to use Box Transitions - Knowledge Base","og_description":"[vc_row row_type=&#8221;row&#8221; stretch_row_type=&#8221;no&#8221; css=&#8221;.vc_custom_1575234153534{margin-bottom: 0px !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;doc-justify&#8221;]In this use case you\u2019ll learn when and how best to use the \u201cBox\u201d video transition which looks something like this like this:[\/vc_column_text][vc_raw_html el_class=&#8221;gifContainer&#8221; css=&#8221;.vc_custom_1575241949635{margin-bottom: 0px !important;}&#8221;]JTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZCb3VuY2UlMjUyMEhhcmQuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFQm91bmNlJTIwSGFyZCUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZCb3VuY2UuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFQm91bmNlJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRkVsYXN0aWMuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFRWxhc3RpYyUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZGbGlwJTI1MjAxLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRUZsaXAlMjAxJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRkZsaXAlMjUyMDIuZ2lmJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUyMGFsaWduJTNEJTIyY2VudGVyJTIyJTNFRmxpcCUyMDIlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGQm94JTJGRmxpcCUyNTIwRWxhc3RpYy5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VGbGlwJTIwRWxhc3RpYyUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZCb3glMkZGbGlwJTI1MjBUaWx0LmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRUZsaXAlMjBUaWx0JTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRlNpbXBsZSUyNTIwU29mdC5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTaW1wbGUlMjBTb2Z0JTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkJveCUyRlNpbXBsZS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTaW1wbGUlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGQm94JTJGU29mdCUyNTIwQm91bmNlLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNvZnQlMjBCb3VuY2UlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNF[\/vc_raw_html][vc_btn title=&#8221;Hide gif-preview from page&#8221; style=&#8221;outline&#8221; color=&#8221;turquoise&#8221; size=&#8221;xs&#8221; align=&#8221;right&#8221; custom_onclick=&#8221;true&#8221; custom_onclick_code=&#8221;jQuery(&#8220;.gifContainer&#8220;).empty();jQuery(&#8220;.gifButtonHide&#8220;).empty();&#8221; el_class=&#8221;gifButtonHide&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; stretch_row_type=&#8221;no&#8221; css=&#8221;.vc_custom_1575234189159{margin-top: -20px !important;}&#8221;][vc_column][vc_text_separator title=&#8221;Use Case 05&#8243; style=&#8221;dashed&#8221; css=&#8221;.vc_custom_1575241823865{margin-top: 0px [&hellip;]","og_url":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/","og_site_name":"Knowledge Base","article_modified_time":"2021-05-02T17:12:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/","url":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/","name":"Use Case 05. How and when to use Box Transitions - Knowledge Base","isPartOf":{"@id":"https:\/\/www.ainforce.com\/help\/#website"},"datePublished":"2019-12-01T23:09:43+00:00","dateModified":"2021-05-02T17:12:02+00:00","breadcrumb":{"@id":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-05-how-and-when-to-use-box-transitions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ainforce.com\/help\/"},{"@type":"ListItem","position":2,"name":"Use Case 05. How and when to use Box Transitions"}]},{"@type":"WebSite","@id":"https:\/\/www.ainforce.com\/help\/#website","url":"https:\/\/www.ainforce.com\/help\/","name":"Ainforce - Help Center","description":"","publisher":{"@id":"https:\/\/www.ainforce.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ainforce.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ainforce.com\/help\/#organization","name":"Ainforce","url":"https:\/\/www.ainforce.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ainforce.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/www.ainforce.com\/help\/wp-content\/uploads\/sites\/2\/2018\/11\/ainforce-kb-logo-blue.png","contentUrl":"https:\/\/www.ainforce.com\/help\/wp-content\/uploads\/sites\/2\/2018\/11\/ainforce-kb-logo-blue.png","width":479,"height":144,"caption":"Ainforce"},"image":{"@id":"https:\/\/www.ainforce.com\/help\/#\/schema\/logo\/image\/"}}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manual_kb\/3216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":10,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manual_kb\/3216\/revisions"}],"predecessor-version":[{"id":6038,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manual_kb\/3216\/revisions\/6038"}],"wp:attachment":[{"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/media?parent=3216"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manualknowledgebasecat?post=3216"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manual_kb_tag?post=3216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}