{"id":1004,"date":"2014-11-14T14:12:28","date_gmt":"2014-11-14T14:12:28","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=1004"},"modified":"2016-03-13T16:33:51","modified_gmt":"2016-03-13T16:33:51","slug":"page-transition-overlay","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/page-transition-overlay\/","title":{"rendered":"Page Transition &#8211; Overlay"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_text_separator title=&#8221;Select a page out animation:&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<a class=\"vc_btn vc_btn_blue vc_btn-blue vc_btn_sm vc_btn-sm vc_btn_rounded\" href=\".\" data-animsition-out=\"overlay-slide-out-top\">overlay slide out top<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<a class=\"vc_btn vc_btn_blue vc_btn-blue vc_btn_sm vc_btn-sm vc_btn_rounded\" href=\".\" data-animsition-out=\"overlay-slide-out-right\">overlay slide out right<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<a class=\"vc_btn vc_btn_blue vc_btn-blue vc_btn_sm vc_btn-sm vc_btn_rounded\" href=\".\" data-animsition-out=\"overlay-slide-out-bottom\">overlay slide out bottom<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<a class=\"vc_btn vc_btn_blue vc_btn-blue vc_btn_sm vc_btn-sm vc_btn_rounded\" href=\".\" data-animsition-out=\"overlay-slide-out-left\">overlay slide out left<\/a>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<div class=\"cq-animsition\" data-animationmode=\"overlay\" data-pagein=\"fade-in\" data-pageout=\"fade-out\" data-overlayin=\"overlay-slide-in-top\" data-overlayout=\"overlay-slide-out-top\" data-pageinspeed=\"1500\" data-pageoutspeed=\"800\" data-linkelement=\"\" data-overlaycolor=\"rgba(140,193,82,0.8)\" data-sitewrapper=\"\"><\/div>[vc_row_inner][vc_column_inner][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_button2 title=&#8221;Fade Transition Demo&#8221; style=&#8221;3d&#8221; color=&#8221;vista_blue&#8221; link=&#8221;url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fpage-transition%2F|title:Page%20Transition|&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_button2 title=&#8221;Zoom Transition Demo&#8221; style=&#8221;3d&#8221; color=&#8221;vista_blue&#8221; link=&#8221;url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fpage-transition%2Fpage-transition-zoom%2F|title:Page%20Transition%20%E2%80%93%20Zoom|&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886819865{padding-top: 40px !important;}&#8221;][vc_column][vc_column_text]Overlay color is <strong>unlimited<\/strong>, you can customize with built in color picker in the backend.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886828989{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column]<a href=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/HWijjF7RwOPGEJ1nb4Zb_IMG_3773.jpg\" class=\"fluidbox-image\" data-margin=\"0 12px 0 0px\" data-float=\"left\"><img src=\"https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/11\/HWijjF7RwOPGEJ1nb4Zb_IMG_3773-320x213.jpg\" width=\"320\" style=\"float:left;margin:0 12px 0 0px\" alt=\"\" \/><\/a>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_text_separator title=&#8221;Select a page out animation:&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]overlay slide out top[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]overlay slide out right[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]overlay slide out bottom[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]overlay slide out left[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_button2 title=&#8221;Fade Transition Demo&#8221; style=&#8221;3d&#8221; color=&#8221;vista_blue&#8221; link=&#8221;url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fpage-transition%2F|title:Page%20Transition|&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_button2 title=&#8221;Zoom Transition Demo&#8221; style=&#8221;3d&#8221; color=&#8221;vista_blue&#8221; link=&#8221;url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fpage-transition%2Fpage-transition-zoom%2F|title:Page%20Transition%20%E2%80%93%20Zoom|&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886819865{padding-top: 40px !important;}&#8221;][vc_column][vc_column_text]Overlay color is unlimited, you can customize with built in color picker in the backend. Lorem ipsum [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/1004"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=1004"}],"version-history":[{"count":20,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/1004\/revisions"}],"predecessor-version":[{"id":2357,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/1004\/revisions\/2357"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=1004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}