{"id":2382,"date":"2018-03-25T23:59:15","date_gmt":"2018-03-25T23:59:15","guid":{"rendered":"http:\/\/thingography.com\/?p=2382"},"modified":"2018-11-06T13:53:24","modified_gmt":"2018-11-06T13:53:24","slug":"css-trans-man","status":"publish","type":"post","link":"https:\/\/thingography.com\/css-trans-man\/","title":{"rendered":"Trans Man Page 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 -->\n\t\t<\/div>\n<p> <!-- Push --><\/p>\n<div class=\"text\">\n<div class=\"ani-box\">\n<p class=\"scene\"> Page One <\/p>\n<p>\n\t\t\tThe effect is a man pushing the web page off screen forcing the next one to replace it&#8230;<br \/>\n\t\t\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 id=\"currentp\" class=\"butt1\">Page 1<\/button><br \/>\n\t\t\t<button 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 One The effect is a man pushing the web page off screen forcing the next one to replace it&#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":2618,"comment_status":"open","ping_status":"open","sticky":false,"template":"ani-trans-man-post-single.php","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[6,4,5,228,229],"class_list":["post-2382","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","tag-animation","tag-css","tag-css-animation","tag-trans-man","tag-walking-man"],"_links":{"self":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/2382"}],"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=2382"}],"version-history":[{"count":1,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/2382\/revisions"}],"predecessor-version":[{"id":2624,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/2382\/revisions\/2624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/media\/2618"}],"wp:attachment":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/media?parent=2382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/categories?post=2382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/tags?post=2382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}