CSS CSS3 Animations - going into normal HTML
CodeGuru Home VC++ / MFC / C++ .NET / C# Visual Basic VB Forums Developer.com
Results 1 to 2 of 2

Thread: CSS3 Animations - going into normal HTML

  1. #1
    Join Date
    Aug 2010
    Posts
    46

    Question 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.

  2. #2
    PeejAvery's Avatar
    PeejAvery is offline Super Moderator Power Poster
    Join Date
    May 2002
    Posts
    10,886

    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
  •  


Windows Mobile Development Center


Click Here to Expand Forum to Full Width

This is a CodeGuru survey question.


Featured


HTML5 Development Center