{"id":143,"date":"2008-03-06T14:07:30","date_gmt":"2008-03-06T12:07:30","guid":{"rendered":"https:\/\/www.optimiced.com\/en\/2008\/03\/06\/css-3d-effect\/"},"modified":"2008-03-06T14:08:31","modified_gmt":"2008-03-06T12:08:31","slug":"css-3d-effect","status":"publish","type":"post","link":"https:\/\/www.optimiced.com\/en\/2008\/03\/06\/css-3d-effect\/","title":{"rendered":"CSS 3D effect"},"content":{"rendered":"<p><strong>Step 1:<\/strong><\/p>\n<p>Open <a href=\"http:\/\/silverbackapp.com\/\">Silverback<\/a>.<\/p>\n<p><a href=\"http:\/\/silverbackapp.com\/\" title=\"Silverback App website\"><img decoding=\"async\" src=\"\/wp-uploads\/2008\/03\/silverback-app-screenshot.jpg\" alt=\"Silverback app (screenshot)\" \/><\/a><\/p>\n<p><strong>Step 2:<\/strong><\/p>\n<p>Resize <em>slowly<\/em> your browser window (Firefox, Opera, Safari, IE7 are all \u041e\u041a) and&#8230;<\/p>\n<p><strong>Step 3:<\/strong><\/p>\n<p>&#8230;watch the effect. Cool!<\/p>\n<p>There&#8217;s a discussion on how the quasi-3D effect was achieved using <a href=\"http:\/\/www.thinkvitamin.com\/features\/design\/how-to-recreate-silverbacks-parallax\">CSS + half-transparent PNG graphics<\/a> &#8212; to me it reminds me the old video games; and looking at <a href=\"\/wp-uploads\/2008\/03\/steve-the-gorilla-silverback.png\" title=\"Steve the Gorilla from Silverback :)\">Steve<\/a>, I instantly think of Nintendo&#8217;s <a href=\"http:\/\/en.wikipedia.org\/wiki\/Donkey_Kong_%28video_game%29\">Donkey Kong<\/a>!<\/p>\n<p>CSS rullz! ;-)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step 1: Open Silverback. Step 2: Resize slowly your browser window (Firefox, Opera, Safari, IE7 are all \u041e\u041a) and&#8230; Step 3: &#8230;watch the effect. Cool! There&#8217;s a discussion on how the quasi-3D effect was achieved using CSS + half-transparent PNG graphics &#8212; to me it reminds me the old video games; and looking at Steve,&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,16],"tags":[],"class_list":["post-143","post","type-post","status-publish","format-standard","hentry","category-css","category-webdesign"],"_links":{"self":[{"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/posts\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":0,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/posts\/143\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/media?parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/categories?post=143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/tags?post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}