Full-page Animations Using CSS

Internet Explorer 9 introduced support for CSS 2D Transforms. Internet Explorer
10 Developer Preview added support for
CSS 3D Transforms
and CSS Animations.
By tapping the power of your GPU and running asynchronously from regular JavaScript,
these IE10 features provide a more performant and flexible alternative to traditional
script-based animations for Web content.

In previous blog posts, we covered
CSS 3D Transforms
as well as
CSS Animations and Transitions
. In this post, we introduce a more “unconventional”
use case for these technologies by describing the concept of “full-page animations”
that can be used during the navigation process to add fluidity and continuity to
browsing. Our target is to achieve a seamless browsing experience in which content
smoothly appears into view when the user visits a page and transitions away when
he clicks on a link or performs a relevant action.

These effects can be accomplished by transforming the HTML <body>
element using CSS Animations. However, this use case presents some considerations
that we felt were worthy of discussion, such as the effect of layout and sizing
on transforming <body>, as well as how to appropriately time
page navigations so that they mesh properly with our animations.

The code samples in this post use unprefixed CSS markup as supported by IE10 Release
Preview; other browsers may require vendor prefixes for the CSS Animations and CSS
Transforms properties used.

Transforming a Page’s Entire Content

CSS Transforms are defined on the stylistic properties of an HTML DOM Element. For
example, the markup for rotating an element 45 degrees along its Z axis would look
like this:

#element {

transform: rotateZ(45deg);


Attaching a transform to the <body> element of your HTML document
works exactly the same way. So performing in order to declaratively add the same
effect to your document’s <body> you could do something like

body {

transform: rotateZ(45deg);


Let’s look at a before-and-after shot of a page when applying a transform to the
body element:

Screen shot showing applying a rotateZ(45deg) transform to the body element of a document src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/5556.fpauc-image1.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/5556.fpauc_2D00_image1.jpg" />
Applying a rotateZ(45deg) transform to the body element of a document.

For three dimensional transformations, the CSS Transforms specification defines
the perspective property that can be specified on the parent of the
element that we transforming. When transforming the <body> element
of your content, it has to be applied to the <html> element that
resides above it in the DOM hierarchy. Doing so is straightforward:

html {

perspective: 500px;


Combining this with a rotateY(45deg) transform on the <body>
element yields the following result:

Screen shot showing applying a rotateY(45deg) transform to <body> with perspective: 500px set on <html> src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/1323.fpauc-image2.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/1323.fpauc_2D00_image2.jpg" />
Applying a rotate(45deg) transform to <body> with perspective: 500px set on

We can manipulate the transform-origin property on the body element
for interesting results. Let’s look at a couple of examples:

body {


transform: rotateX(45deg);


The above markup sets a rotation along X for the body element while shifting the
origin of rotations to the bottom of the element using transform-origin.
Effectively this rotates the document’s contents “into” the screen like this:

Screen shot showing applying transform: rotateX(45deg) and transform-origin:  50% 100% to <body>

We can also manipulate the perspective-origin property on the root
element of our document to achieve an off-axis projection effect. Changing the style
for <html> to:

html {

perspective: 500px;



Our page now looks like this:

Screen shot showing applying perspective: 500px and perspective-origin: 90% 50% to the <html> element<br />

By using CSS Transforms, we can easily manipulate the visual appearance of the entirety
of our page’s content. Since the usual layout and sizing rules still apply, some
transforms on the body element (particularly ones that use percentage values or
rely on the transform-origin property) can result in different visual
effects depending on the content of our page. Recall our previous rotateX(45deg)
example with transform-origin set to 50% 100%.

Below you can see the results before and after the transform is applied.

Screen shot highlighting the difference in scroll bars before and after the application of a transform under perspective projection

Notice how the content does not actually pivot on the bottom of the window but rather
at some point outside of the viewport. This is expected behavior for CSS Transforms:
the <body> is laid out normally, then it is rotated along its
bottom edge that is somewhere off screen. You will also notice that the actual foot
print of the content has expanded (take a look at the scroll bars in the “after”
picture) in order to accommodate the transformed content (the fact that we are using
perspective projection makes this effect even more pronounced).

So how do we deal with arbitrarily sized content when applying transforms to our
body element? Custom tailoring all content in order to ensure that the size of the
body does not expand more than a certain amount may be unrealistic. Instead, we
can use a simple HTML/CSS pattern that allows us to fix the size of the body element
to that of the browser window and append content inside a wrapper <div>.
The following markup achieves just that:

html, body

width: 100%;

height: 100%;

min-width: 100%;

max-width: 100%;

padding: 0;

margin: 0;

overflow: hidden;



#Wrapper {

position: absolute;

width: 100%;

height: 100%;

overflow: scroll;


The illustration below shows what happens when a page is scrolled vertically and
we apply a rotateY(45deg) transform to the <body>
element of our document directly (left) and using the wrapper pattern (right):

Screen shot showing what happens when a page is scrolled vertically and a rotateY(45deg) transform is applied to the <body> element under perspective projection, with and without a wrapper CSS/HTML pattern

The direct application of the transform results in a skewed visual result due to
the off-axis projection (since we are no longer looking at the “center” of the body
element). Using the wrapper pattern ensures that the <html> element’s
perspective-origin property (50% 50% by default) will
always be correctly centered with relation to the <body> element,
giving us a pleasant visual effect.

By utilizing the above pattern and setting up CSS Transforms with percentage values
whenever possible, we can affect our <body> element in consistent
ways, regardless of the size of its contents.

From Transforms to Animations

Having sorted out the intricacies of applying CSS Transforms to the <body>
element, CSS Animations are the next step. By following the principles described
above, we can create animations that bring our Web content into view (or remove
it from view) in interesting ways.

Consider this basic @keyframes rule:

@keyframes rotateInLeft {

from {


transform: rotateY(180deg);


to {


transform: rotateY(0deg);



When applied to an element, this animation will cause it to rotate on its left side.
When applied to a <body> element that uses our wrapper pattern
the visual result is more interesting. The document will actually rotate from outside
of the visible area of the browser window and into full view:

Three screen shots in sequence showing the affect of applying the "rotateInLeft" animation

Similarly, we can compose animations that fluidly remove our Web content from view.
For example, if we wanted our page to disappear into the distance while rotating,
we could use something like this:

@keyframes whirlOut {

to {

transform: scale(0)



With the visual result being:

Three screen shots in sequence showing the affect of applying the "whirlOut" animation

Since we can use the full power of CSS Animations to affect the entirety of our
Web content, we have a lot of flexibility in terms of generating these page effects
(and we are certainly not limited to just using CSS Transforms). But once we have
composed the effects that we want to apply to our content, how do we cause them
to trigger during the page navigation process?

Attaching Animations to <body>

Our goal is to use trigger animations at strategic times during the browser experience
in order to give the appearance of content transitioning into view when a page loads
and out of view when the user clicks on a link.

The first intuitive place to add an animation to the body element would be the
JavaScript event. As it turns out however, adding an animation
when onload fires is actually too late. This event actually triggers
when the entirety of the content in our page has finished loading (including any
images or other bandwidth-intensive resources). Attaching an animation to onload
on a bandwidth-intensive page would result in our content displaying “normally,”
followed by the animation triggering and re-bringing the content into view. Not
exactly the effect that we were aiming for.

Alternatively, we could utilize the DOMContentLoaded event that triggers
when the browser has finished parsing the DOM structure of our content (but potentially
before resources have finished loading). The IE Test Drive
DOMContentLoaded demo
illustrates the difference between these
two events. However, in cases of complex Web content, a modern browser may choose
to perform “progressive” rendering, displaying the page before the entirety of the
DOM tree has been loaded. In these situations, the visual result would be similar
to the onload scenario.

The optimal place to set up an animation that transitions our page content in view
is inline at the top of the <body> element. This ensures that
the animation will commence right as the content is being rendered (and that the
starting position of the content will be that of the from keyframe
of our selected animation). A pleasant side effect of this approach is that the
animation may actually mask any progressive rendering, re-layout or resource loading
that can occur with complex content.

Setting up the animations that transition our content out of view is also interesting.
One could assume that we could attach an onclick handler to all elements
of interest in our content (for instance all <a> tags) and just
set the relevant animation properties (animation-name, animation-duration,
etc.) in the callback function. However, if we do not actually delay the
navigation from happening, we will not see our expected fluid transition.

This is a good opportunity to utilize the
animation events
described in the CSS Animations specification. In particular,
we can use the animationend event to detect when the animation has
completed and then trigger a navigation (by setting window.location.href,
for instance). Thus our onclick will trigger the “remove-from-view”
animation and register a handler for animationend on <body>
that will ensure that the navigation event occurs.

Live Demo Available

We’ve created a demonstration
and tutorial on bringing pages alive with CSS Transforms & Animations

that provide depth and examples beyond what we’ve been able to show here. The tutorial
itself utilizes full page animations during page navigation that work in
Internet Explorer 10 on Windows 8
as well as recent versions of Chrome and

To simply enjoy the page-to-page animations, step through the pages of the tutorial using the “Continue to …” links in the lower right corner of each page.

At the end of the tutorial we provide some additional guidance and sample code on
how to incorporate these animations with your own Web content.


CSS Transforms and CSS Animations are two powerful feature-sets that enable richer
and more immersive Web experiences. This blog post outlined the considerations of
using CSS Transforms and CSS Animations to bring the entirety of your Web content
to life. With a small amount of effort you can create Web pages (even static ones)
that provide a fluid and almost app-like navigation experience.

—Charilaos “Harris” Papadopoulos, Program Manager Intern, Internet Explorer Graphics

Comments (79)

  1. Arieta says:

    Those are very nice functions, too bad that they cannot be used on Internet Explorer for Windows 7 users.

  2. Andrew says:

    I installed Windows 8 final yesterday. IE 10 was great, but the OS is full of problems. I need to revert back to Windows 7. However, the lack of IE 10 is very concerning… Please talk to us about IE10 support on Windows 7.

  3. Sam I Am Not says:

    Pretty nifty, but I fear that this will become the new <blink> tag as every link suddenly triggers an animation.

  4. Mark says:

    @Andrew, wtf? Which version did you installed? I have installed Windows 8 RTM on three machines; Core2Duo desktop, Pentium 4 and Core i5 laptop AND its working like a charm. The whole OS is like a charm. What "problem" are you facing? and which version are you using? Are you using release preview? OR are you just bullshiting here?

  5. Roberto says:

    I have been using Windows 8 for three months now, and I absolutely love it! Everything is a lot snappier, faster, and richer. Thank you IE team for working and implementing this, your teams work is well appreciated! The demos are pretty slick, keep it coming!

  6. steve says:

    yet again microsoft keeps quiet about IE10 on windows 7.

  7. Bruzzer says:

    Kudos to the intern for writing such great blog posts, I hope he is not working for free.

  8. Finn says:

    And practical use of these effects? They will end like <marquee> and <blink> tag and never find a way to professional web pages, only to teenage blogs.

  9. Brian LePore says:

    I have not spent enough time working on CSS 3D Transformers, but the whole psespective property doesn't make sense to me … why is the value of 500px applied?

  10. Yannick says:


    I don't think that, example: Microsoft can use them for a fade-in if they restyle their's website to de Modern UI.

  11. Tom says:

    How to disable this since it renders a web site unusable for those with acessability needs or over 35?

  12. Richard says:

    "The optimal place to set up an animation that transitions our page content in view is inline at the top of the <body> element."

    Yes, let's go back to the wrong way of web development. Why use external CSS/JS at all? Let's cram everything inline!

    Also, I'm glad you guys caught up. I've been doing -vendor-transform on a production ready website since March 2011 and our Opera/Chrome/Firefox users have been enjoying subtle tranforms/fade-ins, etc. already. Will our IE users have to pay for Windows 8 to enjoy these too?

  13. Kevin says:

    @Richard: IE 10 hasn't RTM yet for Windows 7. It'll be available for Windows 7 and 8 users. No, it's not supported on XP and Vista, but I seriously suggest all to upgrade to Windows 7.

  14. Microsofts Monday August 20th Agenda says:

    Microsofts Monday August 20th Agenda

    1.) Fix the IE Blog Comment system

    2.) Post an update about full flash support in Metro without the censorship list

    3.) Windows 7 version of IE10 beta so that developers can actually test IE10 – something they can't easily do now

    4.) Publish a post regarding Metro support of other browsers – will we be able to upgrade IE10 Metro to a Metro version of Chrome or Firefox?! Especially if that is the only way businesses and users can get complete flash support

    5.) Publish an updated UserAgent string for IE10 that indicates if IE is running in Metro mode or not

    All of this should be accomplish-able by lunchtime.

  15. @Microsofts Monday August 20th Agenda says:

    I'm starting to believe it's only one person making these annoying posts. The only valid point of your comment is #1 (and it even has an alternative solution – write your comment on Notepad, or Word, or whatever word processing program you use).

    #2 – I'm not sure what are you specifically requesting, although what you seem to be requesting is impossible.

    #3 – OMG! Y U NO READ BEFORE?! IE10 will be RTW-ed for Windows 7 soon, there is _NO_ beta to come. If you're a developer, you should be running Windows 8 Previews (and RTM now) on a VM or Dual-booting it…

    #4 – YOU CANNOT UPGRADE ANY BROWSER TO CHROME OR MOZILLA TO OPERA OR SAFARI OR WHATEVER! They are different applications, for God's sake, don't you get that?! Also, other browsers use the plug-in version of Flash, so the mechanism is different. That's why those announcements must be made by each browser vendor, separately…

    #5 – You need that only when you must provide ActiveX controls (a.k.a. plugins) – you can do that alternatively as described in blogs.msdn.com/…/web-sites-and-a-plug-in-free-web.aspx

  16. Andrea says:

    IE 10 on Windows 7 required! (or CSS transform and animations to IE 9). Absolutely!

  17. @Andrea says:

    Wake up! Microsoft will not publish IE10 on Windows 7.

    IE10 is the only argument they have to sell Windows 8 for desktop PCs.

  18. George says:

    Of course they won't, simply to satisfy your evil self! /s

    IE10 is coming out very soon, IMO before Sep 5.

  19. sevenacids says:

    Even if IE10 for Windows 7 will be released soon, we still don't know if we get all of the features/improvements there. The thing seems to be tightly integrated with Windows 8 – I just hope they're not stripping out important stuff because some internal APIs are not available on Windows 7.

    BTW it's not only the blog engine that sucks, it's the overall layout which looks rubbish. Not very nice for a blog that praises web browsing technologies.

  20. Yannick says:

    @Sevenacids – Seriously? If this is a try from you to get people over to the webs privacy problem called Google Chrome or Firefox/Opera, then stop it. This blog is about the progress of Internet Explorer, not about how bad it is in your eyes. They will release Internet Explorer 10 for Windows 7 and yes, it will get all the features from the Windows 8 version…

  21. LOL says:

    @the smart one – LMAO! Yeah right.

    The delay is exactly because they're porting changes to Windows 7! And feel free to use the Privacy Hole, a.k.a. Chrome. 🙂

    @XP – ROFL @ your nickname… You must get over an eleven-year-old OS which is going to be unsupported in less than 20 months 🙂

  22. Ivan says:

    This is getting extremely annoying Microsoft!

    1) where the $&@?! Is the Windows 7 release of IE10! We want to start testing!

    2) please for the love of God kill the flash list

    3) metro and desktop IE still don't share a session which makes users log in twice to every site they use… This is not acceptable! Nor is it remotely desirable and makes usability suck

    4) security experts have now indicated that since IE metro and desktop don't share a session that users will be more susceptible to phishing attacks and worse yet Microsoft has now Doubled the attack surface of IE (the worlds most insecure browser – 10 years in a row!)

    5) everyone keeps overlooking this but is anyone going to mention that metro is just plain ugly!? Where are the 3D rounded buttons that afford usability because the user can visually tell they are clickable? – has no one at microsoft read Steve Krug's book?!

    6) when is someone going to fix the IE blog comment system?!?

    7) when is Microsoft going to address all the concerns of developers on this blog?!?

    8) if you're just going to ignore us on the blog and on connect I think you should just shut them both down… It's frustrating to think that all these attempts at openness were a sham but it was nice for a while to think our opinions and input were actually appreciated.

    9) why are users forced to boot into metro when they'd rather boot to the desktop?

    I'm giving up on IE/microsoft because Microsoft has given up on being open and respecting and addressing developers.

  23. mSri says:

    What about the following KB article?


    It states

    'Internet Explorer 10 is included in Windows 8. It is not available for Windows 7 or earlier versions'.

  24. Yannick says:

    @ mSri – it doesn't say it's wont be available for Windows 7, that update is just only for Windows 8 with IE10.

  25. Richard says:

    Both Chrome and Firefox report that their browsers for Metro will not be held hostage to the flash censorship list!!!

    Congratulations to both Google and Mozilla for not confusing "battery life on tablets" with "the user chose to see this content, regardless of device"!

    I don't care what the enterprise web apps I use do in terms of power usage – I have dashboards I need to see to do my job – on my PC in whichever browser loads up.

    Thanks to Microsoft and this Darwinian whitelist scheme I am now forced to use the competitions browser! Well played Microsoft! Best of luck with that Swiss cheese plan.

  26. Fix The Blog says:

    I appologize in advance to all the regular readers but I'm sorry we've had enough!

    @Microsoft – Fix the IE Blog comment form!

    @Microsoft – Fix the IE Blog comment form!

    @Microsoft – Fix the IE Blog comment form!

    @Microsoft – Fix the IE Blog comment form!

    This post will be posted multiple times daily until the Blog comment form is fixed.  You've had over 5 years to fix this, enough is enough!

  27. pmbAustin says:

    I won't be using IE10-Metro much at all, due to the fact that it doesn't support Favorites/Bookmarks.

  28. @pmbAustin says:

    Favorites ARE supported on Immersive IE10:

    To add a site, click the pin button and select "Add to Favorites".

    To remove a site, either:

    1. start typing its name in the location bar. Then right click it and select "Remove".

    2. click the location bar and scroll to the right of "Frequent" sites; you have your "Favorites" there. Right-click the one you want and select "Remove".

  29. Fix The Blog says:

    I appologize in advance to all the regular readers but I'm sorry we've had enough!

    @Microsoft – Fix the IE Blog comment form!

    @Microsoft – Fix the IE Blog comment form!

    @Microsoft – Fix the IE Blog comment form!

    @Microsoft – Fix the IE Blog comment form!

    This post will be posted multiple times daily until the Blog comment form is fixed.  You've had over 5 years to fix this, enough is enough!

  30. Wilson says:

    Is "immersive IE" the name for Metro IE where interactive Flash is disabled by default and only the elite and wealthy can get their sites to run?

    Or is "Subversive IE" the name for Metro where it loses your session, takes you to a different visual context, forces you to re-login, forces you to re-navigate to where you were and return to a black screen when you go back to Metro?

    OMG I finally got the metaphor!

    Metro is the subway in Montreal Canada… And in the tunnels it is pitch black with nothing of interest to see!… I can't believe we didn't see this already! Will this metaphor be explained in full when Windows 8 ships so that everyone knows why the usability sucks worse than trying to use a left handed can opener wearing oven mitts to open a pack of Smarties!

  31. PhistucK says:

    @@Microsofts Monday August 20th Agenda (meaning, the one who replied, not the original) –

    1. Your workaround is valid, but, still, unnecessary. This stupid logic needs a fix.

    2. I think the request is reasonable in a way. On the other hand, I am not sure anyone would actually use Metro, so maybe it is a much-ado-about-nothing situation.

    3. Microsoft actually stated that Internet Explorer 10 for Windows 7 will have a pre-release version before the final one (as it should, to catch final issues its testing was not able to find). Sorry for not posting a link for that – it was a blog post from around the third platform preview period, I believe. Also, regarding your suggestion – people should not be forced to spend hours of downloading, installing and adjusting to a new operating system (and a pre-release version of it) in order to help with testing (for free!) a new browser (that will eventually be released for a earlier operating system).

    4. I believe the wording was sarcastic. I am sure the poster means, selecting another browser instead of Internet Explorer as the default one. Since I am involved in the Chromium project a bit (voluntarily) and in general, I know that Microsoft has been encouraging (perhaps that is an overstatement) browser vendors to create Metro versions of their browsers, as well as giving them extra privileges (for example, having a JIT engine or something along these lines) in order to make it happen. Perhaps the poster is not up to date. Although, I am not sure it means that Metro style applications will indeed use the default browser rather than the standard Windows runtime/browser, but that is different topic (and I guess the answer is no, if they depend on the JavaScript version of Windows RT or something).

    5. Please, do not try to tell the poster why they need to have a Metro token. Every website has different requirements. Companies may want to create a different experience for Metro, even though they are not using any plugin, because they want the "immersive" (full screen, touch, for example) experience to be different and they want to know it up front, in order to save a redundant round trip/redirect/second.

    @mSri –

    They apparently read your comment and revised it, they added "yet".

  32. Heith says:

    When is Microsoft going to announce to the public that the ARM tablets won't run any of the customer's previously purchased software?  I find it almost un-ethical that there has been no public information to explain that the ARM tablets are severely crippled from day 1 because standard programs won't run in the desktop version of Windows 8/ARM.

    Its not quite as bad as stating IE Metro supports Flash and then disabling it by default for every website unless developers spend time and money to get their sites added to Microsoft's proprietary flash censorship list – but it is still pretty horrible!

  33. @Heith says:

    This is announced, and actually not a topic to discuse about in the IE blog.

  34. @mSri

    To me it says that IE10 is included in Windows 8. It is not yet available for Windows 7.

    Please not the yet, meaning that at this present time it is unavailable but that will change in time. Please also notice how it doesn't mention any earlier versions.

    So from this you can deduce that IE 10 is coming for Windows 7, and will never be supported on Vista or earlier.

  35. @Crescens2k says:

    They've just updated the article.  Prior to today, it did seem to imply that IE10 wouldn't be available for Windows 7.

  36. @PhistucK says:

    I agree with most of your points, but I must say that no matter how difficult, there's always a solution… 🙂

    On issue #5: there was a blog post about the different UA strings of IE10 across different devices. Since only Windows 8 RT is Modern-style-only, that experience can be tailored to Windows 8 RT.

  37. Mark says:

    so what? if there will be no ie10 for win7/winxp/winVista , then all will use google chrome or firefox or opera, or other browser.

    Microsoft will be the loser

  38. Yannick says:

    @Mark – There will be an IE10 for Windows 7. And for XP and Vista, the consummers don't care about there browser, theye don't know there is something like a browser. The marketshare of Chrome explaind: just install it without the knowledge of users…

    @Fix The Blog – Shut up, if you want theye fix it, be patient. What's extually wrong whit the comment system, al works fine over here.

  39. @Yannick says:

    @Yannick the IE blog comment form regularly (like 7 times out of 10 or more) fails to post/save the comments.

    Many have complained about this for years, pointed out the specific bugs and conditions it fails under but neither Microsoft nor Telligent (the makers of the blog software) have acknowledged the bugs or made any attempt to fix them.  If you are a web developer you'll likely be familiar with the Legacy ASP postback technique (which this blog uses) and you'll likely recall that there are major bugs with it if you don't use it carefully.  Needless to say this blog does not use it use it well.

    Developers have posted the fix on several occasions but Microsoft is arrogant and refuses to listen to their developer community and thus has ignored the issue.

    To see the bug in action load more than one page of the IE blog in multiple tabs and then attempt to comment on one of them (that was not the last page loaded) – due to lazy developers not familiar with shared sessions across tabs… Your comment is imediately invalidated – FAIL

    Next try loading the page you might want to comment on.  Read the full article and the comments then write your own.  If you took more than 15min to read everything or organize your thoughts the blog automatically assumes you are spam and does not accept the comment – FAIL

    Next try just loading up any blog post on the IE blog, scroll down and leave a comment. You have a 50/50 shot at getting that comment to save.

    Workaround for now.. ALWAYS save your comment before submitting!!!!

    Better option – fix the IE blog so that these issues don't choke the blog or move off classic ASP and get a real working blog software up and running so we don't have these issues ever again.

  40. Arieta says:

    @Yannick: The IE team is COMPLETELY silent about IE10 for Win7. Absolutely no response is given to any question regarding it, not a single word. The last platform preview that ran on Win7 is over a year old. None of the MSFT people said in this blog that it will be released either, only misc comments seem to be adamant that it will be out for Win7.

    In the past, new IE releases have always been made available before the OS they were tied to were released, and had plenty of beta versions preceding the final release. IE10 for Win7 has NONE of those. It should have been out by now, yet we don't even have a beta release, or an up to date preview to begin with. And with the complete lack of public beta testing, it will be a complete mess IF it ever gets released for Win7.

    And to add insult to injury, that recent KB article states that IE10 is only released for Windows 8.

    Make of that what you will.

  41. Prior Semblance says:

    They haven't had Windows 7 releases because porting everything over for every pre release was a waste of time.  Now that the Windows 8 version is finished they are porting it to 7 and when it is done they will release it.  These things take time.  And no the IE team isn't completely silent, they just aren't talking about it on here cause you guys wouldn't believe them anyway.

  42. Arieta says:

    Yeah, because it would be that difficult to drop a line saying what-the-heck is the status with the Win7 version anyway. You know, something that is asked in the comments for every single post for the last year.

    And note that for every release so far between IE7 to 9, the non-OS tied version always came out either before the OS, or when the OS RTMed. And all had beta versions on multiple systems to be tested.

    None of these are true for IE10. The truth is, we have no idea if it's even being worked at all, other than some comments made by Microsoft a year ago – and we know that they don't mind doing a 180 degrees turn on some of their decisions.

  43. Recent KB article says:

    L2Read guys.

    "Note Internet Explorer 10 is included in Windows 8. It is not yet available for Windows 7"

    See that "yet"?

  44. @Recent KB article says:

    From support.microsoft.com/…/2718695 : "Last Review: August 21, 2012 – Revision: 3.0"

    They quietly corrected it yesterday.  Originally it *definitely* suggested IE10 wouldn't be available for Windows 7.

  45. Prior Semblance says:

    Well that should be confirmation enough for you guys, they wouldn't correct it if it wasn't coming out.

  46. @@Recent KB article says:

    Its written IE10 is not "YET" available on Windows 7. It *definitely* suggested that its on its way!

  47. Arieta says:

    Only suggested, but not confirmed. And I wouldn't be surprised if that revision of the KB article was added because I posted the feedback "not helpful", and for how to improve the article, I entered "by releasing Internet Explorer 10 for Windows 7".

  48. Javascript speed says:

    Can someone gives us an IE10 / Chrome comparison using this new Javascript benchmark:


  49. @@@Recent KB article says:

    That's what it says *now*.  Not what was written prior to August 21, 2012.

  50. Yannick says:

    @Javascript speed

    Not really relevant, ofcourse, Chrome beat IE10, but hey, the benchmark is made by Google. So, what did you exspect?

  51. @@Recent KB article says:

    How about this latest Microsoft technet article technet.microsoft.com/…/hh846773.aspx

    Be it Microsoft, Apple or Google… all these US corporates are thieving lying conning pieces of crap..dont trust in a single word of those Hippocrates until they prove otherwise!

  52. Ryan says:

    I'm not submitting sweet F_ A_ to the flash list until Microsoft opens up communication on this blog about the Flash problem they've created.

    Flash should just work – there's no reason to put users and developers through all this stress for no good reason.

    I can't even imagine how much money has been wasted so far on this project from the infrastructure put in place to manage it and update the millions of PCs and devices with the new list every single month.  Not to mention the wasted developer time attempting to comply with the test case requirements to get flash content to be approved by Microsoft when it runs just fine right now without any testing required.

    Please let's stop this madness before it gets out of control and end this controversy and the wasted effort before everyone hates Internet Explorer 10 and in turn Microsoft before Windows 8 even ships!

    I don't use that much flash but the flash I use can not be replaced with HTML5 content as HTML5 doesn't yet handle what Flash can.

    Please Microsoft don't sit there silently. We need some answers and we've waited way beyond reasonable limits.

    This silence is helping convince me and all developers alike that Microsoft has once again gone deaf and is ignoring developers and the future of the Internet.

    We don't want to have to support another IE6 release ever again and right now IE10's "we're not listening" is not giving is any confidence at all!

  53. @IE10 on W7 whiners says:

    MS already said it will be available on W7. Stop spreading FUD about IE10 not being in W7.

    Will IE10 be on W7? Yes, certainly.

    Should MS release IE10 on W7 (at least a beta)? Yes, we all certainly think so. However, most likely it is not ready yet.

  54. @Ryan says:

    Use IE10 desktop?

    If you want metro IE, go html5 or an app just like you'd have to do in iOS.

  55. hAl says:

    In fact on this blog the IEteam user on this blog "ieblog" told us last year:

    "We will release an IE10 Beta and Release Candidate on Windows 7 prior to IE10’s general availability."


    It seems now that those two pre releases are not going to happen as the time for a beta release seems already to have passed.

    So I am not surpised that on this blog people launch complaints.

    The IE team stated on this blog that they would release a Beta and a release candidate so why do they not follow up on their own statement.

    They seem to have created false expectations and should now give information on what is really going to happen.

    Especially the question if they will still release any  IE10 version for Windows 7 before general availability

  56. Philip says:

    Where is the promised IE10 release for Windows 7?

    Since you proclaimed there would be not 1 but 2 releases on Windows 7 before a GA release we did not bother downloading an entire operating system (win8beta) just to test out our sites/test suites.

    Now you are telling us that IE10 is done, and already going to manufacturing… What the hell?!?! Are you even aware that 98% of the developers out there have not tested IE10 yet?! Would it not be good to get their feedback so that bugs like the IE9 thick border, with border radius applied leaves ghosts if placed on a background of the same color… Get fixed!

    Then you drop a bombshell on us that you are supporting flash in Metro IE.. But only for developers that add their sites to a special elite list that they can only find out about on this blog and when they do they need to buy hardware to run a suite of tests just so they can ask to be added to the list!

    They then need to wait up to 3 months to get on the list and pushed to devices… If they get approved and if they have a high enough hit count to be considered for the list.

    I think I'd be silent too… Maybe if you stay really quiet the townsfolk banging on your door with their pitchforks will quietly move on… Yeah that's the ticket! Be silent! That will solve all the problems you've created.

    IE8 – the last development cycle of IE where Microsoft remotely cared about their developer community. What a shame!

  57. @Fix The Blog says:

    No need to apologize! It alwasy causes me a smile when people indirectly scream it out loud that they have failed a test of their intelligence.


    Somthing very interesting to read and to keep things in perspective:


  58. Jill says:

    Windows 8 privacy fail!

    Every app you try to install phones home to Microsoft indicating which IP address tried to install which piece of software!


    Completely unacceptable Microsoft – I will be deleting this feature (or Windows 8) imediately!

  59. @Jill says:

    The act of connecting to anything on the internet gives away your ip address… if you need your ip address to be private for security reasons then you are not secure at all.

  60. @Jill says:

    You must be the First-Day-On-The-Internet Kid… @Jill sums it up correctly.

    Also, if you're an Internet Security freak, then you should use a VPN for EVERYTHING!

  61. Nathan says:

    @Jill, "Welcome to The Internet": The age where YOU are self deteriorating YOURSELF by selling off YOUR privacy. The age where you born "Human Being" but die like a fool.

    Its not metro apps only, its desktop too! Its not Windows 8 only its all version of Windows. Its not Windows only, its all operating systems connected to Internet. Even the folks at Redhat know what are you up to. Anything running on BGP protocol is threat to privacy. Like it or not The Internet sucks on privacy!

    Coz when you are connected, "You have been watched"..

    Steve Balmer himself keeps paper notepad and pen in his pocket (during his trip to Korea he hinted on it).

    The biggest privacy selling corporation in the name of openness known to mankind is Google. Selling your search history, thinking pattern, choices you make, links you tap, routes you take, your moods, the Gmail email you sent, the email you receive, the email you read, the email you saved in draft…everything is sold for dimes to the interesting parties; intelligence collectors etc. While you are getting inspired and wowing the technology and you have been told that its for your own good, you are basically screwing yourself in a bigger picture..

    It was the part of Illuminates' new world order. The idea really is to spot and profile anyone at anytime in the entire world.. so they can control humans like their little b….es and "disinfect" anyone at anytime who is against their rules.

    ~ the more rapidly countries adapt IPv6, the more quickly the entire humanity will tear apart.. nobody wins eventually but many people will get hurt by it.

  62. @jil says:

    Smartscreen filtering has been a part op IE8 and IE9 for years.

    Smartscreen application reputation has been part of IE9 for two years as well.

    You are on the IE blog.

    If you object to that you are more than two years to late.

    Oh, and for the article you listed which mentions the ability to make undsafe sslv2 connections to a server.

    Since IE7 in 2005 sslv2 has been disabled

    That was also announced on this blog in 2005


    If you trying to link to someone than link to someone who understandads what they are talkng about at least.

  63. Tracy says:

    As I sit here typing on my Android tablet (that plays adobe flash without issue) I have to wonder what on earth Microsoft is tryimg to gain out of the flash censorship list they created?

    Its been proven by developers to be nothing less than a waste of developer time.

    Its been noted as financially expensive to meet the requirements set forth by Microsoft that dont show any merit.

    Users have already complained that they dont have access to the content they could see/use without issue before "upgrading" to windows 8 and IE10.

    IT administrators are already posting questions on forums asking how to turn this filter list off.

    Users everywhere are asking how to skip the metro interface and get their desktop directly.

    All the while microsoft sits silent as the chaos they created destroys what little respect we had left for IE.

    Congratulations on ****ing off developers, users, and IT staff all at the same time with IE10/Metro/Desktop Windows 8.  Welcome to the new Vista folks! Guess we wont be upgrading until the Windows 9/IE11.

  64. @Tracy says:

    Come on! Jelly Bean no longer supports Flash! Stop taking pride in something which works no more…

  65. Tommy says:

    @Tracy, ever heard of this news "Android Jelly Bean won't get Flash Player"…

    Yeah.. everyone has same point of view about flash.. so don't get cocky about it…

    If you are a developer of obsolete technology..then its your problem! YOU need to upgrade your skillset!

  66. ny says:

    well i belive now it's confirm that ie10 will not be able for windows 7.

  67. Yannick says:


    No, it's not, Internet Explorer 10 will be available for Windows 7.


    Do you release that Android 4.1 don't get Flash Player also, Flash Player isn't available anymore for ealier versions of Android if it's not installed.

  68. html5rocks says:

    It's cool to see IE10 do all those nifty CSS transformations and other HTML5 WebGL stuff.

    I think we shoud all start adding those very cool technologies to our websites before the release of IE10.

  69. peter says:

    It's awesome to see that there are now several options (read apps) to let you completely skip over the Metro waste of time!

    This one works perfectly winaero.com/comment.php and now my windows 8 box goes straight to the desktop so I can get work done!

    No more fighting to fingers the desktop icons, no more co-workers reading my social streams… Just straight to the only thing that matters… The desktop!

    As an added bonus flash works on every site and there's no odd moment where you wonder why nothing is loading or if you are missing anything because it has been censored by Microsoft.

    Better yet all my addons run so sites actually remember my password I have access to bug me not, etc.

    Who would have thought the best feature of a tweaked windows 8 box would be booting to the desktop!

  70. @peter says:

    In the Desktop version of IE10, every site using Flash works, even without the POS you are advertising. Also, Classic Shell takes you to the desktop if you prefer so.

    "no more co-workers reading my social streams" —> Right click tile, "turn live tile off". Easy enough.

  71. Daniel says:

    Since Windows 8 is RTM now. Is IE10 basically released now (ie. no further changes)?

  72. @Daniel says:

    Yeah I believe they are done adding new features, maybe bug fixes too.  They are converting it to Windows 7 now.

  73. IE10 WIN& DOES NOT EXIST says:


    >Still waiting for nonexistant IE10 for Win7


  74. Yannick says:

    If you count on that there is a new version of IE10 every 12 weeks, than, the current cycle end in begin september (Platform Preview 6 is now 11 weeks ago). So, maybe a release in the begin of september (4th or 15th?).

  75. Anthony says:

    The silence from Microsoft is awesome! Way to earn our respect!

    Maybe you can mock us too? That would be the insult added to the injury.

    Or maybe you could step up to the mic and say something about this Flash issue you've created instead of sitting on the sidelines watching the chaos the ridiculous Metro whitelist has forced on developers.

    Personally I'm boycotting Microsoft until they explain how this whole mess is going to be dismantled.  We're sick of waiting – write a post and give us a status update!

    Developers are fuming about this concept and especially the conflict of interest with the horrible implementation yet Microsoft is stone cold silent!

    Don't even get us started on the complete lack of userAgent/JavaScript triggers to know if our sites are stuck in Metro mode so we can at least quickly notify users to switch before they login and are stuck in Metro.  The usability of switching from metro to desktop and back is the worst in browser history even worse than IE6 printing.

  76. Brian says:

    Bye Anthony, one less whinner I have to wade through

  77. Adam says:

    I've decided that instead of fighting with IE Metro mode trying to get on the flash list etc. that's it's a complete waste of time. The rule about not using a VM to test is ridiculous!

    Instead I'm simply going to tell users that Metro IE is not supported.

    I'm tired of trying to conform to IE's silly games – I expect a lot of apps to just plain not support metro due to this flash/session issue and the blame for the issue lies squarely on Microsofts shoulders.

    I can't believe I even wasted that much time just trying to follow the rules – what a joke.

    Steve Balmer should change his slogan to:

    "developers, developers, developers, suck it!"