Tip: Click lines to highlight, hold ctrl/cmd to multi-select

CSS Keyframe example (12-Aug @ 12:27)

Safari keyframe animations

remy

Syntax Highlighted Code

  1. .divSlide {
  2.         -webkit-animation-name: "slide-me-to-the-right";
  3.         -webkit-animation-duration: 1s;
  4. }
  5. @-webkit-keyframes "slide-me-to-the-right" {
  6.         from { left: 0px; }
  7.         to { left: 100px; }
  8. }
  9.  
  10.  

Plain Code

.divSlide {
        -webkit-animation-name: "slide-me-to-the-right";
        -webkit-animation-duration: 1s;
}
@-webkit-keyframes "slide-me-to-the-right" {
        from { left: 0px; }
        to { left: 100px; }
}

Permalink: http://codedumper.com/eteco