{"id":2387,"date":"2018-03-25T23:59:24","date_gmt":"2018-03-25T23:59:24","guid":{"rendered":"http:\/\/thingography.com\/?p=2387"},"modified":"2018-11-06T15:29:54","modified_gmt":"2018-11-06T15:29:54","slug":"css-trans-man-2","status":"publish","type":"post","link":"https:\/\/thingography.com\/css-trans-man-2\/","title":{"rendered":"Trans Man Page-2 CSS Transition"},"content":{"rendered":"\n<div class=\"push\">\n<div id=\"canvas\">\n<div class=\"me\">\n<div class=\"torso\">\n<div class=\"left leg\">\n<div class=\"left thigh\">\n<div class=\"left shin\">\n<div class=\"left foot\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- left leg --><\/p>\n<div class=\"right leg\">\n<div class=\"right thigh\">\n<div class=\"right shin\">\n<div class=\"right foot\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- right leg -->\n    \t\t        <\/div>\n<p> <!-- torso -->\n\t\t   \t    <\/div>\n<p> <!-- me -->\n    \t\t<\/div>\n<p> <!-- canvas --><\/p><\/div>\n<div class=\"text\">\n<div class=\"ani-box\">\n<p class=\"scene\"> Page Two <\/p>\n<p><\/p>\n<p>\n\t\t\tOther ideas include a monster trucks and bull-dozers pushing the page to transition&#8230; more ideas on next page&#8230;\n\t\t<\/p>\n<div class=\"demo\">  Click the buttons below to watch the &#8216;Trans-Man&#8217; page transition<\/p>\n<p>\t\t\t<button class=\"butt1\" >Page 1<\/button><br \/>\n\t\t\t<button id=\"currentp\" class=\"butt2\" >Page 2<\/button>\n\t\t<\/div>\n<\/p><\/div>\n<p><!-- Text-box -->\n\t<\/div>\n<p> <!-- Text --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Page Two Other ideas include a monster trucks and bull-dozers pushing the page to transition&#8230; more ideas on next page&#8230; Click the buttons below to watch the &#8216;Trans-Man&#8217; page transition Page 1 Page 2<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"ani-trans-man-post-single.php","format":"standard","meta":{"footnotes":""},"categories":[234],"tags":[6,4,5,228,229],"class_list":["post-2387","post","type-post","status-publish","format-standard","hentry","category-css-animation-sub-page","tag-animation","tag-css","tag-css-animation","tag-trans-man","tag-walking-man"],"_links":{"self":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/2387"}],"collection":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/comments?post=2387"}],"version-history":[{"count":1,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/2387\/revisions"}],"predecessor-version":[{"id":2389,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/2387\/revisions\/2389"}],"wp:attachment":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/media?parent=2387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/categories?post=2387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/tags?post=2387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}