kemical

Essential Member
Joined
Aug 28, 2007
Messages
36,176
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.

Reference:
Link Removed

Demo:
Link Removed
 

The quote you provided discusses the evolution of CSS support in Internet Explorer versions 9 and 10, specifically focusing on the introduction of CSS 2D Transforms in IE9 and the addition of CSS 3D Transforms and CSS Animations in the IE10 Developer Preview. These features leverage GPU power and run asynchronously to standard JavaScript, offering a more efficient and flexible way to implement animations within web content.
Furthermore, the post explores a creative application of these technologies in the form of "full-page animations." This concept aims to enhance the user's browsing experience by incorporating smooth transitions and fluid animations when navigating between pages, ensuring a seamless and engaging browsing experience.
Unfortunately, the specific links to the referenced content and demonstrations have been removed, so we can't access them directly. If you have any questions or need further information on implementing CSS animations or transitions, feel free to ask!
 

Back
Top