-
December 30th, 2013, 05:08 AM
#1
CSS3 Animations - going into normal HTML
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
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>
The whole thing is here:
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!
.
Last edited by wavering; December 30th, 2013 at 05:23 AM.
-
January 5th, 2014, 10:15 AM
#2
Re: CSS3 Animations - going into normal HTML
1. The alert comes at the end because it's JavaScript, while your animations are CSS3. Unless you trigger the animations with JavaScript, you will not be able to change the timing.
2. What button is "frozen"?
If the post was helpful...Rate it! Remember to use [code] or [php] tags.
Tags for this Thread
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|