{"id":12879,"date":"2017-05-23T15:25:06","date_gmt":"2017-05-23T15:25:06","guid":{"rendered":"https:\/\/nex.vamtam.com\/?page_id=12879"},"modified":"2021-05-15T16:46:08","modified_gmt":"2021-05-15T16:46:08","slug":"animation-builder","status":"publish","type":"page","link":"https:\/\/vozios.gr\/index.php\/animation-builder\/","title":{"rendered":"Animation Builder"},"content":{"rendered":"<div class=\"vgblk-rw-wrapper limit-wrapper\">\r\n<h1>Animation Builder<\/h1>\r\n<h5>Animations are disabled on a phone to Improve performance.\u00a0Of course, if you wish you can always activate them. And they will work great on modern phones!<\/h5>\r\n<h5>Scroll down for examples<\/h5>\r\n<h2>Investment<br \/>Management<\/h2>\r\n<h5>Functional tattoos are used primarily for a purpose other than aesthetics. One such use is to tattoo Alzheimer patients with their name, so they may be easily identified if they go missing.<\/h5>\r\n<p><a role=\"button\" href=\"#\" target=\"_self\" rel=\"noopener\"> Read more <\/a><\/p>\r\n<h2>Investment<br \/>Management<\/h2>\r\n<h5>Body text functional tattoos are used primarily for a purpose other than aesthetics. One such use is to tattoo Alzheimer patients with their name, so they may be easily identified if they go missing.<\/h5>\r\n<p><a role=\"button\" href=\"#\" target=\"_self\" rel=\"noopener\"> Read more <\/a><\/p>\r\n<h2>Progressive animation<\/h2>\r\n<h1>\u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03cc design<\/h1>\r\n<h5>Move with Scale (Zoom In)<\/h5>\r\n<h1>LEFT<\/h1>\r\n<h5>Move with Scale (Zoom In)<\/h5>\r\n<h1>Preciousminds<\/h1>\r\n<h5>Move with Scale (Zoom In)<\/h5>\r\n<h1>TOP<\/h1>\r\n<h5>Move with Scale (Zoom Out)<\/h5>\r\n<h1>BOTTOM<\/h1>\r\n<h5>Move with Scale (Zoom Out)<\/h5>\r\n<h1>LEFT<\/h1>\r\n<h5>Move with Scale (Zoom Out)<\/h5>\r\n<h1>RIGHT<\/h1>\r\n<h5>Move with Scale (Zoom Out)<\/h5>\r\n<h1>TOP<\/h1>\r\n<h5>Move from<\/h5>\r\n<h1>BOTTOM<\/h1>\r\n<h5>Move from<\/h5>\r\n<h1>LEFT<\/h1>\r\n<h5>Move from<\/h5>\r\n<h1>RIGHT<\/h1>\r\n<h5>Move from<\/h5>\r\n<h1>IN<\/h1>\r\n<h5>Scale<\/h5>\r\n<h1>OUT<\/h1>\r\n<h5>Scale<\/h5>\r\n<h2>Immediate animation<\/h2>\r\n<h1>TOP<\/h1>\r\n<h5>Move with Scale (Zoom In)<\/h5>\r\n<h1>LEFT<\/h1>\r\n<h5>Move with Scale (Zoom In)<\/h5>\r\n<h1>RIGHT<\/h1>\r\n<h5>Move with Scale (Zoom In)<\/h5>\r\n<h1>TOP<\/h1>\r\n<h5>Move with Scale (Zoom Out)<\/h5>\r\n<h1>BOTTOM<\/h1>\r\n<h5>Move with Scale (Zoom Out)<\/h5>\r\n<h1>LEFT<\/h1>\r\n<h5>Move with Scale (Zoom Out)<\/h5>\r\n<h1>RIGHT<\/h1>\r\n<h5>Move with Scale (Zoom Out)<\/h5>\r\n<h1>TOP<\/h1>\r\n<h5>Move from<\/h5>\r\n<h1>BOTTOM<\/h1>\r\n<h5>Move from<\/h5>\r\n<h1>LEFT<\/h1>\r\n<h5>Move from<\/h5>\r\n<h1>RIGHT<\/h1>\r\n<h5>Move from<\/h5>\r\n<h1>IN<\/h1>\r\n<h5>Scale<\/h5>\r\n<h1>OUT<\/h1>\r\n<h5>Scale<\/h5>\r\n<h2>Center Aligned <br \/>Pin Animation<\/h2>\r\n<p>Pinning will begin when the center of the element aligns with the center of the viewport. Pinning will begin when the center of the element aligns with the center of the viewport.<\/p>\r\n<p><a role=\"button\" href=\"#\" target=\"_self\" rel=\"noopener\"> Read more <\/a> <img loading=\"lazy\" decoding=\"async\" title=\"builder-1\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-1.jpg\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20800%20800&quot;%20height=&quot;800px&quot;%20width=&quot;800px&quot;\/&gt;\" alt=\"builder-1\" width=\"800\" height=\"800\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-1.jpg\" \/> <img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/> <img loading=\"lazy\" decoding=\"async\" title=\"builder-3\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-3.jpg\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20664%20800&quot;%20height=&quot;800px&quot;%20width=&quot;664px&quot;\/&gt;\" alt=\"builder-3\" width=\"664\" height=\"800\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-3.jpg\" \/><\/p>\r\n<h2>Top Aligned <br \/>Pin Animation<\/h2>\r\n<p>Pinning will begin when the top of the element aligns with the center of the viewport. Pinning will begin when the top of the element aligns with the center of the viewport.<\/p>\r\n<p><a role=\"button\" href=\"#\" target=\"_self\" rel=\"noopener\"> Read more <\/a> <img loading=\"lazy\" decoding=\"async\" title=\"builder-1\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-1.jpg\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20800%20800&quot;%20height=&quot;800px&quot;%20width=&quot;800px&quot;\/&gt;\" alt=\"builder-1\" width=\"800\" height=\"800\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-1.jpg\" \/> <img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/> <img loading=\"lazy\" decoding=\"async\" title=\"builder-3\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-3.jpg\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20664%20800&quot;%20height=&quot;800px&quot;%20width=&quot;664px&quot;\/&gt;\" alt=\"builder-3\" width=\"664\" height=\"800\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-3.jpg\" \/><\/p>\r\n<h2>Bottom Aligned <br \/>Pin Animation<\/h2>\r\n<p>Pinning will begin when the bottom of the element aligns with the center of the viewport. Pinning will begin when the bottom of the element aligns with the center of the viewport.<\/p>\r\n<p><a role=\"button\" href=\"#\" target=\"_self\" rel=\"noopener\"> Read more <\/a> <img loading=\"lazy\" decoding=\"async\" title=\"builder-1\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-1.jpg\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20800%20800&quot;%20height=&quot;800px&quot;%20width=&quot;800px&quot;\/&gt;\" alt=\"builder-1\" width=\"800\" height=\"800\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-1.jpg\" \/> <img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/> <img loading=\"lazy\" decoding=\"async\" title=\"builder-3\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-3.jpg\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20664%20800&quot;%20height=&quot;800px&quot;%20width=&quot;664px&quot;\/&gt;\" alt=\"builder-3\" width=\"664\" height=\"800\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-3.jpg\" \/><\/p>\r\n<h2>Pixels Fixed <br \/>Pin Animation<\/h2>\r\n<h3>Fixed: 500px<\/h3>\r\n<h3>Fixed: 800px<\/h3>\r\n<h3>Fixed: 1000px<\/h3>\r\n<h3>Fixed: 1500px<\/h3>\r\n<h2>Pin Animation with other animation<\/h2>\r\n<p>Pinning will begin when the bottom of the element aligns with the center of the viewport. Pinning will begin when the bottom of the element aligns with the center of the viewport.<\/p>\r\n<p><a role=\"button\" href=\"#\" target=\"_self\" rel=\"noopener\"> Read more <\/a><\/p>\r\n<h3>Fade in<\/h3>\r\n<p><img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/><\/p>\r\n<h3>Move with Scale (Zoom In) &#8211; Top<\/h3>\r\n<p><img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/><\/p>\r\n<h3>Move from Top<\/h3>\r\n<p><img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/><\/p>\r\n<h3>Move from Bottom<\/h3>\r\n<p><img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/><\/p>\r\n<h3>Move from Left<\/h3>\r\n<p><img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/><\/p>\r\n<h3>Scale In<\/h3>\r\n<p><img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/><\/p>\r\n<h3>Rotate 360<\/h3>\r\n<p><img loading=\"lazy\" decoding=\"async\" title=\"builder-2\" src=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" srcset=\"data:image\/svg+xml;utf8,&lt;svg%20xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;%20viewBox=&quot;0%200%20704%20694&quot;%20height=&quot;694px&quot;%20width=&quot;704px&quot;\/&gt;\" alt=\"builder-2\" width=\"704\" height=\"694\" data-srcset=\"https:\/\/alis.vamtam.com\/wp-content\/uploads\/2018\/01\/builder-2.png\" \/><\/p>\r\n<h1>Love it?<\/h1>\r\n<p><a role=\"button\" href=\"https:\/\/themeforest.net\/item\/nex-factory-industrial-wordpress\/21200260?s_rank=6\" target=\"_blank\" rel=\"noopener\"> Download the Full Theme for $79 <\/a><\/p>\r\n<\/div><!-- .vgblk-rw-wrapper -->","protected":false},"excerpt":{"rendered":"<p>Animation Builder Animations are disabled on a phone to Improve performance.\u00a0Of course, if you wish you can always activate them. And they will work great on modern phones! Scroll down for examples InvestmentManagement Functional tattoos are used primarily for a purpose other than aesthetics. One such use is to tattoo Alzheimer patients with their name,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-12879","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vozios.gr\/index.php\/wp-json\/wp\/v2\/pages\/12879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vozios.gr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vozios.gr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vozios.gr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vozios.gr\/index.php\/wp-json\/wp\/v2\/comments?post=12879"}],"version-history":[{"count":3,"href":"https:\/\/vozios.gr\/index.php\/wp-json\/wp\/v2\/pages\/12879\/revisions"}],"predecessor-version":[{"id":987666,"href":"https:\/\/vozios.gr\/index.php\/wp-json\/wp\/v2\/pages\/12879\/revisions\/987666"}],"wp:attachment":[{"href":"https:\/\/vozios.gr\/index.php\/wp-json\/wp\/v2\/media?parent=12879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}