{"id":31536,"date":"2012-03-12T09:29:17","date_gmt":"2012-03-12T08:29:17","guid":{"rendered":"http:\/\/www.iphone-ticker.de\/?p=31536"},"modified":"2012-03-12T09:32:01","modified_gmt":"2012-03-12T08:32:01","slug":"zur-iphone-animation-auf-apple-comiphone","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/zur-iphone-animation-auf-apple-comiphone-31536\/","title":{"rendered":"Zur iPhone-Animation auf apple.com\/iphone"},"content":{"rendered":"<p>Das harte Wochenende verlangt nach einem ruhigen Start in die KW 11. Wir empfehlen den Klick zu John Hall. Der Software-Entwickler hat sich Apples CSS-Animation auf <a href=\"http:\/\/www.apple.com\/iphone\/\">apple.com\/iphone<\/a> n\u00e4her angeschaut und <a href=\"http:\/\/johnbhall.com\/iphone-4s\/\">demonstriert<\/a> den dort eingesetzten Rotations-Effekt anhand eines transparenten Nachbaus.<\/p>\n<blockquote><p>For the phone stage to cycle from one slide to the next, its css transform property is updated with new translate and rotate values. At the end of the cycle, the phone stage&#8217;s transition duration is temporarily set to 0ms while slide 6 resets to slide 1.\n<\/p><\/blockquote>\n<p><a href=\"http:\/\/johnbhall.com\/iphone-4s\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.iphone-ticker.de\/wp-content\/uploads\/2012\/03\/rotation1.jpg\" alt=\"\" title=\"rotation\" width=\"464\" height=\"138\" class=\"aligncenter size-full wp-image-31539\" srcset=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2012\/03\/rotation1.jpg 464w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2012\/03\/rotation1-300x89.jpg 300w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.iphone-ticker.de\/zur-iphone-animation-auf-apple-comiphone-31536\/\"><img width=\"150\" height=\"138\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2012\/03\/rotation1-150x138.jpg\" class=\"alignright tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Das harte Wochenende verlangt nach einem ruhigen Start in die KW 11. Wir empfehlen den Klick zu John Hall. Der Software-Entwickler hat sich Apples CSS-Animation auf apple.com\/iphone n\u00e4her angeschaut und demonstriert den dort eingesetzten Rotations-Effekt anhand eines transparenten Nachbaus. For the phone stage to cycle from one slide to the next, its css transform property [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":31539,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[3912,465,141],"class_list":["post-31536","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apple","tag-apple","tag-web-applikation","tag-web-apps"],"aioseo_notices":[],"rest_api_enabler":[],"_links":{"self":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/31536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/comments?post=31536"}],"version-history":[{"count":2,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/31536\/revisions"}],"predecessor-version":[{"id":31540,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/31536\/revisions\/31540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media\/31539"}],"wp:attachment":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media?parent=31536"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/categories?post=31536"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/tags?post=31536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}