     top:calc(50% - #{height2}px);
     width:#{width}px;
     height:#{height}px;
-    transform:scale(#{ratio});
+    transform:scale(#{ratio}) translate3d(0,0,0);
     "
     @ctx = @canvas.getContext '2d'
     if @before?



  drawFrame:->
    if @currentFrame+1>=@frames.length
      @currentFrame = 0
    if @currentFrame<=@fadeOut or @currentFrame+@fadeOut == @frames.length
      @ctx.globalAlpha = 0.5
    else
      @ctx.globalAlpha = 1
    frame = @frames[@currentFrame++]
    @ctx.drawImage frame,0,0

  animate:->
    if @playing

    @canvas = document.createElement 'canvas'
    width = @frames[0].naturalWidth
    height = @frames[0].naturalHeight
    console.log 'frames',@frames.length
    @canvas.width = width
    @canvas.height = height
    width2 = width // 2
