Webkit CSS Transforms ...

    A transform can be specified using the -webkit-transform property. It supports a list of functions, where each single function represents a transform operation to apply. You can chain together operations to apply multiple transforms at once to an object (e.g., if you want to both scale and rotate a box).

    At the moment transforms do not affect layout, so they are similar to relative positioning in that respect. We are exploring ideas for how to do transforms in ways that could affect layout.

Michael Daines got to work and created the following example that makes the logo bump and grind using this JavaScript:
PLAIN TEXT
JAVASCRIPT:

   1.
       
   2.
        HilariousWebkitTransform = {
   3.
          angle: 0,
   4.
          scale: 1,
   5.
          scaleFactor: 1.01,
   6.
          image: document.getElementById("gold-webkit-icon-in-box"),
   7.
         
   8.
          animate: function() {
   9.
            this.angle += 1;
  10.
            this.scale *= this.scaleFactor;
  11.
           
  12.
            if (this.scale> 2)
  13.
              this.scaleFactor = 0.99;
  14.
           
  15.
            if (this.scale <1)
  16.
              this.scaleFactor = 1.01;
  17.
             
  18.
            if (this.angle> 360)
  19.
              this.angle = 1;
  20.
       
  21.
            this.image.style.webkitTransform = otate( + this.angle + wouldeg) scale(+ this.scale + );
  22.
          }
  23.
        }
  24.
       
  25.
        setInterval(function() { HilariousWebkitTransform.animate(); }, 10);
  26.
       
Webkit Transforms
source: ajaxian

 Original Source: