: Any tips for good tutorials or discussions on web page animation? The simple effect I'm ultimately after is this: load an image in the centre of a web page have the image slide across to

@Sims5801359

To specifically cover these points:


Can the above task be achieved with one image on one page, in HTML,
without scripting?


You could just about fake it with one great big animated GIF embedded in an HTML page, but it wouldn't be an elegant solution. This really needs scripting and CSS.


Does HTML only support "static" elements that appear on screen, and never change their position?


Strictly speaking, yes. However an HTML page may also include embedded CSS and Javascript code which may add animation; it would be more common to have the bulk of the CSS and Javscript in separate files.


If that is the case, does all animation therefore rely on either having (static) elements with dynamic content, or repeatedly loaded/rendered static elements which give an appearance of movement?


More static elements (containing images, blocks of text, or empty to start with) with movement or their content loaded by scripts.

But I would definitely suggest using HTML + CSS to statically position elements first, before looking at any scripting or animation.

Vote Up Vote Down

@Michele215

For a "pure HTML" solution, you're going to want to look at CSS3 Animations: www.w3schools.com/css3/css3_animations.asp
However, if you're looking for cross-browser compatibility, this is not the way to go. As you can see on that page, IE does not support this yet.

I would use javascript for a more cross-browser friendly solution. A good library to use might be jqueryui: jqueryui.com

Vote Up Vote Down