{"id":993,"date":"2019-11-20T11:38:45","date_gmt":"2019-11-20T11:38:45","guid":{"rendered":"https:\/\/wp.nkdev.info\/squadforce\/?page_id=993"},"modified":"2019-11-20T11:38:45","modified_gmt":"2019-11-20T11:38:45","slug":"animate-on-scroll","status":"publish","type":"page","link":"https:\/\/tech.utdnews.com\/en\/animate-on-scroll\/","title":{"rendered":"Animate on Scroll"},"content":{"rendered":"<h2 class=\"ghostkit-custom-Z1ieO03 wp-block-heading\">Scroll down to see example.<\/h2>\n\n\n\n<div class=\"ghostkit-grid ghostkit-grid-gap-lg\"><div class=\"ghostkit-grid-inner\">\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:0,&quot;y&quot;:&quot;30px&quot;,&quot;opacity&quot;:0,&quot;scale&quot;:1,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.1}}}\" class=\"ghostkit-icon-box ghostkit-custom-1DLvw8\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:0,&quot;y&quot;:&quot;30px&quot;,&quot;opacity&quot;:0,&quot;scale&quot;:1,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.5}}}\" class=\"ghostkit-icon-box ghostkit-custom-1tzvbJ\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:0,&quot;y&quot;:&quot;30px&quot;,&quot;opacity&quot;:0,&quot;scale&quot;:1,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.9}}}\" class=\"ghostkit-icon-box ghostkit-custom-Z1C56S8\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"ghostkit-grid ghostkit-grid-gap-lg\"><div class=\"ghostkit-grid-inner\">\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:&quot;30px&quot;,&quot;y&quot;:0,&quot;opacity&quot;:0,&quot;scale&quot;:1,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.1}}}\" class=\"ghostkit-icon-box ghostkit-custom-15JTOC\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:&quot;30px&quot;,&quot;y&quot;:0,&quot;opacity&quot;:0,&quot;scale&quot;:1,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.5}}}\" class=\"ghostkit-icon-box ghostkit-custom-sDUHn\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:&quot;30px&quot;,&quot;y&quot;:0,&quot;opacity&quot;:0,&quot;scale&quot;:1,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.9}}}\" class=\"ghostkit-icon-box ghostkit-custom-uTjXa\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"ghostkit-grid ghostkit-grid-gap-lg\"><div class=\"ghostkit-grid-inner\">\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:0,&quot;y&quot;:-50,&quot;opacity&quot;:0,&quot;scale&quot;:0.9,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.1}}}\" class=\"ghostkit-icon-box ghostkit-custom-8QySX\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:0,&quot;y&quot;:-50,&quot;opacity&quot;:0,&quot;scale&quot;:0.9,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.5}}}\" class=\"ghostkit-icon-box ghostkit-custom-1fD07O\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"ghostkit-col ghostkit-col-lg-12 ghostkit-col-4\"><div class=\"ghostkit-col-content is-layout-flow wp-block-grid-column-is-layout-flow\">\n<div data-gkt-effects=\"{&quot;reveal&quot;:{&quot;x&quot;:0,&quot;y&quot;:-50,&quot;opacity&quot;:0,&quot;scale&quot;:0.9,&quot;transition&quot;:{&quot;type&quot;:&quot;easing&quot;,&quot;duration&quot;:1.3,&quot;delay&quot;:0.9}}}\" class=\"ghostkit-icon-box ghostkit-custom-H0loE\" ><div class=\"ghostkit-icon-box-icon ghostkit-icon-box-icon-align-top\"><svg class=\"ghostkit-svg-icon ghostkit-svg-icon-fa\" aria-hidden=\"true\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"><\/path><\/svg><\/div><div class=\"ghostkit-icon-box-content is-layout-flow wp-block-icon-box-is-layout-flow\">\n<p class=\"has-text-align-center\">Wow, this is an important icons, that you should see!<\/p>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Scroll down to see example.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"_links":{"self":[{"href":"https:\/\/tech.utdnews.com\/en\/wp-json\/wp\/v2\/pages\/993"}],"collection":[{"href":"https:\/\/tech.utdnews.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tech.utdnews.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tech.utdnews.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tech.utdnews.com\/en\/wp-json\/wp\/v2\/comments?post=993"}],"version-history":[{"count":0,"href":"https:\/\/tech.utdnews.com\/en\/wp-json\/wp\/v2\/pages\/993\/revisions"}],"wp:attachment":[{"href":"https:\/\/tech.utdnews.com\/en\/wp-json\/wp\/v2\/media?parent=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}