{"id":3237,"date":"2019-12-02T11:28:41","date_gmt":"2019-12-02T11:28:41","guid":{"rendered":"https:\/\/www.ainforce.com\/help\/?post_type=manual_kb&#038;p=3237"},"modified":"2021-05-02T18:16:22","modified_gmt":"2021-05-02T18:16:22","slug":"use-case-10-how-and-when-to-use-grid-slide-transitions","status":"publish","type":"manual_kb","link":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/","title":{"rendered":"Use Case 10. How and when to use Grid &#038; Grid Slide 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 &#8220;Grid&#8221; and \u201cGrid Slide\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_1575286230999{margin-bottom: 0px !important;}&#8221;]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZHcmlkLVNsaWRlJTJGU2xpZGUlMjUyMG1kLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNsaWRlJTIwbWQlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGR3JpZC1TbGlkZSUyRlNsaWRlJTI1MjBzbS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTbGlkZSUyMHNtJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkdyaWQtU2xpZGUlMkZTcGxpdCUyNTIwMS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTcGxpdCUyMDElM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGR3JpZC1TbGlkZSUyRlNwbGl0JTI1MjAyLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNwbGl0JTIwMiUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZHcmlkLVNsaWRlJTJGU3BsaXQlMjUyMHhzLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNwbGl0JTIweHMlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNF[\/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 10&#8243; style=&#8221;dashed&#8221; css=&#8221;.vc_custom_1575286169382{margin-top: 0px !important;margin-bottom: 0px !important;}&#8221;][vc_column_text]<\/p>\n<h4 class=\"yellow-header--560\">How and when to use Grid &amp; Grid Slide Transitions<\/h4>\n<p>[\/vc_column_text]<div id=\"ultimate-video-37626a3b5675de7b6\" class=\"ult-video  ult-adjust-bottom-margin ultimate-video-37626a3b5675de7b6 ultv-876 \"><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\/bIRsiU6fPQw?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\/bIRsiU6fPQw\/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-876 .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 GRID and GRID SLIDE Transition is a cool transition that adds a camera slide movement with a grid pattern between two different types of clips for a stylistic transition and resultant change of scene.\u00a0 As the name implies, the slide movement can be left to right, right to left or even diagonally from one corner to the other. It\u2019s the subtle grid pattern which gives it an overall wow factor.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The grid slide <a href=\"https:\/\/www.ainforce.com\/premiere-pro-templates\/aintransitions-ppro-ultimate-seamless-transitions-pack-for-premiere-pro\/\">transitions for Premiere Pro<\/a> and grid slide <a href=\"https:\/\/www.ainforce.com\/aintransitions-ultimate-seamless-transitions-pack\/\">transitions for After Effects<\/a> are a perfect substitute to use in place of the traditional dissolve transition. Its main purpose in a story is to show passage of time. \u00a0If we start off with two characters having a conversation, we can then apply the grid slide and add a clip of one of the two characters in a different environment. The viewer would get that time had passed and you wouldn\u2019t need to fill the time between with useless stuff or a time-lapse shot of some clouds. They\u2019d get it and that would be that.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, in general, apply the grid slide transition between clips or images in a story or video where you want to show a passage of time with no need to fill in the details.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The golden rule with this transition is \u201cDon\u2019t use it between every single shot in your video as this will make your video rather bland\u201d.\u00a0\u00a0<\/span><\/p>\n<p>The described example is also suitable for grid <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]JTNDZGl2JTIwY2xhc3MlM0QlMjJuYXZpZ2F0aW9uQ29udGFpbmVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJyZXNldC1uYXYtY29udGFpbmVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLW5hdlBhZ2VzTGlua3MlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NhJTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRQcmV2aW91cyUyMiUyMGhyZWYlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy5haW5mb3JjZS5jb20lMkZoZWxwJTJGa25vd2xlZGdlYmFzZSUyRjMyMzMlMkYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbnRhaW5lci0tY2FyZEljb24lMjIlM0UlM0NzdmclMjBwcmVzZXJ2ZUFzcGVjdFJhdGlvJTNEJTIyeE1pZFlNaWQlMjBtZWV0JTIyJTIwaGVpZ2h0JTNEJTIyMWVtJTIyJTIwd2lkdGglM0QlMjIxZW0lMjIlMjBmaWxsJTNEJTIybm9uZSUyMiUyMHhtbG5zJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy53My5vcmclMkYyMDAwJTJGc3ZnJTIyJTIwdmlld0JveCUzRCUyMjAlMjAwJTIwMjQlMjAyNCUyMiUyMHN0cm9rZS13aWR0aCUzRCUyMjIlMjIlMjBzdHJva2UtbGluZWNhcCUzRCUyMnJvdW5kJTIyJTIwc3Ryb2tlLWxpbmVqb2luJTNEJTIycm91bmQlMjIlMjBzdHJva2UlM0QlMjJjdXJyZW50Q29sb3IlMjIlMjBjbGFzcyUzRCUyMmNvbnRhaW5lci0taWNvbi10ZXh0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpbmUlMjB4MSUzRCUyMjE5JTIyJTIweTElM0QlMjIxMiUyMiUyMHgyJTNEJTIyNSUyMiUyMHkyJTNEJTIyMTIlMjIlM0UlM0MlMkZsaW5lJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcG9seWxpbmUlMjBwb2ludHMlM0QlMjIxMiUyMDE5JTIwNSUyMDEyJTIwMTIlMjA1JTIyJTNFJTNDJTJGcG9seWxpbmUlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZnJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGc3ZnJTNFJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRCb2R5JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRIaW50JTIyJTNFJTNDc3BhbiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS10ZXh0Q29udGVudEZhbWlseS1IMjAwJTIyJTNFUHJldmlvdXMlM0MlMkZzcGFuJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRUaXRsZSUyMiUzRSUzQ3NwYW4lMjBjbGFzcyUzRCUyMmNvbnRhaW5lci0tdGV4dENvbnRlbnRGYW1pbHktSDQwMCUyMiUzRVVzZSUyMENhc2UlMjAwOS4lMjBEaXN0b3J0aW9uJTIwWm9vbSUyMFRyYW5zaXRpb25zJTNDJTJGc3BhbiUzRSUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmElM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NhJTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmROZXh0JTIyJTIwaHJlZiUzRCUyMmh0dHBzJTNBJTJGJTJGd3d3LmFpbmZvcmNlLmNvbSUyRmhlbHAlMkZrbm93bGVkZ2ViYXNlJTJGdXNlLWNhc2UtMTEtaG93LWFuZC13aGVuLXRvLXVzZS1rYWxlaWRvc2NvcGUtdHJhbnNpdGlvbnMlMkYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbnRhaW5lci0tY2FyZEJvZHklMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbnRhaW5lci0tY2FyZEhpbnQlMjIlM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJjb250YWluZXItLXRleHRDb250ZW50RmFtaWx5LUgyMDAlMjIlM0VOZXh0JTNDJTJGc3BhbiUzRSUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29udGFpbmVyLS1jYXJkVGl0bGUlMjIlM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJjb250YWluZXItLXRleHRDb250ZW50RmFtaWx5LUg0MDAlMjIlM0VVc2UlMjBDYXNlJTIwMTEuJTIwS2FsZWlkb3Njb3BlJTIwVHJhbnNpdGlvbnMlM0MlMkZzcGFuJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb250YWluZXItLWNhcmRJY29uJTIyJTNFJTNDc3ZnJTIwcHJlc2VydmVBc3BlY3RSYXRpbyUzRCUyMnhNaWRZTWlkJTIwbWVldCUyMiUyMGhlaWdodCUzRCUyMjFlbSUyMiUyMHdpZHRoJTNEJTIyMWVtJTIyJTIwZmlsbCUzRCUyMm5vbmUlMjIlMjB4bWxucyUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudzMub3JnJTJGMjAwMCUyRnN2ZyUyMiUyMHZpZXdCb3glM0QlMjIwJTIwMCUyMDI0JTIwMjQlMjIlMjBzdHJva2Utd2lkdGglM0QlMjIyJTIyJTIwc3Ryb2tlLWxpbmVjYXAlM0QlMjJyb3VuZCUyMiUyMHN0cm9rZS1saW5lam9pbiUzRCUyMnJvdW5kJTIyJTIwc3Ryb2tlJTNEJTIyY3VycmVudENvbG9yJTIyJTIwY2xhc3MlM0QlMjJjb250YWluZXItLWljb24tdGV4dCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2clM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NsaW5lJTIweDElM0QlMjI1JTIyJTIweTElM0QlMjIxMiUyMiUyMHgyJTNEJTIyMTklMjIlMjB5MiUzRCUyMjEyJTIyJTNFJTNDJTJGbGluZSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3BvbHlsaW5lJTIwcG9pbnRzJTNEJTIyMTIlMjA1JTIwMTklMjAxMiUyMDEyJTIwMTklMjIlM0UlM0MlMkZwb2x5bGluZSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZzdmclM0UlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZhJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTNDJTJGZGl2JTNF[\/vc_raw_html][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":10,"template":"","format":"standard","manualknowledgebasecat":[65],"manual_kb_tag":[],"class_list":["post-3237","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 10. How and when to use Grid &amp; Grid Slide 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-10-how-and-when-to-use-grid-slide-transitions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use Case 10. How and when to use Grid &amp; Grid Slide 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 &#8220;Grid&#8221; and \u201cGrid Slide\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_1575286230999{margin-bottom: 0px !important;}&#8221;]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZHcmlkLVNsaWRlJTJGU2xpZGUlMjUyMG1kLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNsaWRlJTIwbWQlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGR3JpZC1TbGlkZSUyRlNsaWRlJTI1MjBzbS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTbGlkZSUyMHNtJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkdyaWQtU2xpZGUlMkZTcGxpdCUyNTIwMS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTcGxpdCUyMDElM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGR3JpZC1TbGlkZSUyRlNwbGl0JTI1MjAyLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNwbGl0JTIwMiUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZHcmlkLVNsaWRlJTJGU3BsaXQlMjUyMHhzLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNwbGl0JTIweHMlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNF[\/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 10&#8243; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowledge Base\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-02T18:16:22+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-10-how-and-when-to-use-grid-slide-transitions\/\",\"url\":\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/\",\"name\":\"Use Case 10. How and when to use Grid & Grid Slide Transitions - Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\/\/www.ainforce.com\/help\/#website\"},\"datePublished\":\"2019-12-02T11:28:41+00:00\",\"dateModified\":\"2021-05-02T18:16:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ainforce.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Use Case 10. How and when to use Grid &#038; Grid Slide 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 10. How and when to use Grid & Grid Slide 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-10-how-and-when-to-use-grid-slide-transitions\/","og_locale":"en_US","og_type":"article","og_title":"Use Case 10. How and when to use Grid & Grid Slide 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 &#8220;Grid&#8221; and \u201cGrid Slide\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_1575286230999{margin-bottom: 0px !important;}&#8221;]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZHcmlkLVNsaWRlJTJGU2xpZGUlMjUyMG1kLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNsaWRlJTIwbWQlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGR3JpZC1TbGlkZSUyRlNsaWRlJTI1MjBzbS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTbGlkZSUyMHNtJTNDJTJGcCUzRSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTMlMjBjb2x1bW5zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaW1nJTIwc3JjJTNEJTIyJTJGcHJldmlldyUyRmFpbnRyYW5zaXRpb25zJTJGY29yZSUyRkdyaWQtU2xpZGUlMkZTcGxpdCUyNTIwMS5naWYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NwJTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0VTcGxpdCUyMDElM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMGNvbHVtbnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NpbWclMjBzcmMlM0QlMjIlMkZwcmV2aWV3JTJGYWludHJhbnNpdGlvbnMlMkZjb3JlJTJGR3JpZC1TbGlkZSUyRlNwbGl0JTI1MjAyLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNwbGl0JTIwMiUzQyUyRnAlM0UlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIwY29sdW1ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2ltZyUyMHNyYyUzRCUyMiUyRnByZXZpZXclMkZhaW50cmFuc2l0aW9ucyUyRmNvcmUlMkZHcmlkLVNsaWRlJTJGU3BsaXQlMjUyMHhzLmdpZiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlMjBhbGlnbiUzRCUyMmNlbnRlciUyMiUzRVNwbGl0JTIweHMlM0MlMkZwJTNFJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNF[\/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 10&#8243; [&hellip;]","og_url":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/","og_site_name":"Knowledge Base","article_modified_time":"2021-05-02T18:16:22+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-10-how-and-when-to-use-grid-slide-transitions\/","url":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/","name":"Use Case 10. How and when to use Grid & Grid Slide Transitions - Knowledge Base","isPartOf":{"@id":"https:\/\/www.ainforce.com\/help\/#website"},"datePublished":"2019-12-02T11:28:41+00:00","dateModified":"2021-05-02T18:16:22+00:00","breadcrumb":{"@id":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ainforce.com\/help\/knowledgebase\/use-case-10-how-and-when-to-use-grid-slide-transitions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ainforce.com\/help\/"},{"@type":"ListItem","position":2,"name":"Use Case 10. How and when to use Grid &#038; Grid Slide 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\/3237","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":8,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manual_kb\/3237\/revisions"}],"predecessor-version":[{"id":6049,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manual_kb\/3237\/revisions\/6049"}],"wp:attachment":[{"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/media?parent=3237"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manualknowledgebasecat?post=3237"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/www.ainforce.com\/help\/wp-json\/wp\/v2\/manual_kb_tag?post=3237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}