Adobe Edge Without Javascript files?

Question

Is there a way for Adobe Edge to output with only CSS3 so javascript doesnt have to be used? If not, is there something else I can use that can do this?

Answer 1

You can do simple animations with CSS3 only. MDN is a useful resource.

This is the basic syntax:

  h1 {  
    -webkit-animation-duration: 5s;  
    -webkit-animation-name: colorchange;  
  }  

  @-webkit-keyframes colorchange {  
    0% {  
      color: #fff
    }   
    100% {  
      color: #000
  }  

Answer 2

There are other editors out there. Edge is really not the ideal editor for a lot of applications. For one thing, it is pretty heavily reliant on Javascript. Entirely I believe. Edge, for me, seems more geared to non-flash animation with a more powerful api to control animations from the page.

Other editors to look at:

• Sencha animator
• Hype
• Purple for Mac

Purple, in particular seems like a good one for css3. It has a good, simple interface that can import psd files. But it is mac only.