{"id":93865,"date":"2016-07-12T07:00:00","date_gmt":"2016-07-12T21:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/oldnewthing\/?p=93865"},"modified":"2021-10-28T20:56:00","modified_gmt":"2021-10-29T03:56:00","slug":"20160712-00","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/oldnewthing\/20160712-00\/?p=93865","title":{"rendered":"Why does the Windows 8 sign-in animation slide upward?"},"content":{"rendered":"<p>The early design for the animation that occurs when you sign in was to take your logon wallpaper and open it up like a curtain.<\/p>\n<div style=\"font-size: 80pt; text-align: center;\" title=\"series of frames showing a star cut vertically in half, with one part animating to the left and the other animating to the right\">\n<div style=\"width: 1.5em; height: 1.25em; background-color: #ffff66;\">\u2606<\/div>\n<div style=\"font-size: 10pt; height: 10pt;\">\u00a0<\/div>\n<div style=\"background-color: #330066; width: 1.5em; overflow: hidden; position: relative;\">\n<div style=\"width: .75em; background-color: transparent; position: relative; overflow: hidden; left: -.2em;\">\n<div style=\"width: 1.5em; height: 1.25em; background-color: #ffff66;\">\u2606<\/div>\n<\/div>\n<div style=\"width: .75em; background-color: transparent; position: absolute; overflow: hidden; left: .95em; top: 0em;\">\n<div style=\"position: relative; width: 1.5em; background-color: #ffff66; left: -.75em;\">\u2606<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 10pt; height: 10pt;\">\u00a0<\/div>\n<div style=\"background-color: #330066; width: 1.5em; overflow: hidden; position: relative;\">\n<div style=\"width: .75em; background-color: transparent; position: relative; overflow: hidden; left: -.4em;\">\n<div style=\"width: 1.5em; height: 1.25em; background-color: #ffff66;\">\u2606<\/div>\n<\/div>\n<div style=\"width: .75em; background-color: transparent; position: absolute; overflow: hidden; left: 1.15em; top: 0em;\">\n<div style=\"position: relative; width: 1.5em; background-color: #ffff66; left: -.75em;\">\u2606<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 10pt; height: 10pt;\">\u00a0<\/div>\n<div style=\"background-color: #330066; width: 1.5em; overflow: hidden; position: relative;\">\n<div style=\"width: .75em; background-color: transparent; position: relative; overflow: hidden; left: -.6em;\">\n<div style=\"width: 1.5em; height: 1.25em; background-color: #ffff66;\">\u2606<\/div>\n<\/div>\n<div style=\"width: .75em; background-color: transparent; position: absolute; overflow: hidden; left: 1.35em; top: 0em;\">\n<div style=\"position: relative; width: 1.5em; background-color: #ffff66; left: -.75em;\">\u2606<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 10pt; height: 10pt;\">\u00a0<\/div>\n<div style=\"background-color: #330066; width: 1.5em; overflow: hidden; position: relative;\">\u00a0<\/div>\n<\/div>\n<p>This worked well for nature photos.<\/p>\n<p>However, it is very common for users to put pictures of <i>people<\/i> on their logon wallpaper. The likelihood of putting a person on your logon wallpaper is strongly correlated to whether you have children.<sup>[citation needed]<\/sup><\/p>\n<div style=\"font-size: 80pt; text-align: center;\" title=\"series of frames showing a face cut vertically in half, with one part animating to the left and the other animating to the right\">\n<div style=\"width: 1.5em; height: 1.25em; background-color: #ffff66;\">\u263a<\/div>\n<div style=\"font-size: 10pt; height: 10pt;\">\u00a0<\/div>\n<div style=\"background-color: #330066; width: 1.5em; height: 1.25em; overflow: hidden; position: relative;\">\n<div style=\"width: .75em; background-color: transparent; position: relative; overflow: hidden; left: -.2em;\">\n<div style=\"width: 1.5em; height: 1.25em; background-color: #ffff66;\">\u263a<\/div>\n<\/div>\n<div style=\"width: .75em; background-color: transparent; position: absolute; overflow: hidden; left: .95em; top: 0em;\">\n<div style=\"position: relative; width: 1.5em; height: 1.25em; background-color: #ffff66; left: -.75em;\">\u263a<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 10pt; height: 10pt;\">\u00a0<\/div>\n<div style=\"background-color: #330066; width: 1.5em; height: 1.25em; overflow: hidden; position: relative;\">\n<div style=\"width: .75em; background-color: transparent; position: relative; overflow: hidden; left: -.4em;\">\n<div style=\"width: 1.5em; height: 1.25em; background-color: #ffff66;\">\u263a<\/div>\n<\/div>\n<div style=\"width: .75em; background-color: transparent; position: absolute; overflow: hidden; left: 1.15em; top: 0em;\">\n<div style=\"position: relative; width: 1.5em; height: 1.25em; background-color: #ffff66; left: -.75em;\">\u263a<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 10pt; height: 10pt;\">\u00a0<\/div>\n<div style=\"background-color: #330066; width: 1.5em; height: 1.25em; overflow: hidden; position: relative;\">\n<div style=\"width: .75em; background-color: transparent; position: relative; overflow: hidden; left: -.6em;\">\n<div style=\"width: 1.5em; height: 1.25em; background-color: #ffff66;\">\u263a<\/div>\n<\/div>\n<div style=\"width: .75em; background-color: transparent; position: absolute; overflow: hidden; left: 1.35em; top: 0em;\">\n<div style=\"position: relative; width: 1.5em; height: 1.25em; background-color: #ffff66; left: -.75em;\">\u263a<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 10pt; height: 10pt;\">\u00a0<\/div>\n<div style=\"background-color: #330066; width: 1.5em; overflow: hidden; position: relative;\">\u00a0<\/div>\n<\/div>\n<p>It turns out that people don&#8217;t react well when they see their children&#8217;s heads cut in half.<\/p>\n<p>That&#8217;s why the sign-in animation is careful not to cut the picture into pieces.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Opening like a curtain.<\/p>\n","protected":false},"author":1069,"featured_media":111744,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2],"class_list":["post-93865","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oldnewthing","tag-history"],"acf":[],"blog_post_summary":"<p>Opening like a curtain.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/93865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/users\/1069"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/comments?post=93865"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/93865\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media\/111744"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media?parent=93865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/categories?post=93865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/tags?post=93865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}