Search code examples
cssadobe-edge

Adobe Edge Without Javascript files?


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?


Solution

  • 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
      }