I have just started using CSS3 to create animations and it is working very nicely! The problem I have is how to just continue using ordinary HTML when the animations end
So, I have some stuff with stars and pyramids etc and the relevant code is here
The whole thing is here:Code:<div id="landscape"></div> <div id="sky"></div> <div id="sun"></div> <div id="stars"></div> <div id="pyramid"></div> <div id="screen"></div> <p> <script> alert("Here!") </script> stuff here <button type="button" onclick="alert('Hi!')">Click Me!</button> </p>
http://www.mopeks.org/eclipse24.htm
so you can look at the source code easily enough. The end is not yet sorted (and currently it only works in Firefox) but you will get the idea.
There are two problems
1. The alert comes up right at the start rather than the end where I want it
2. The button is frozen
Any clues? And a happy New Year!
.