Reduce usage of webkit CSS prefixes in chrome/browser/resources

chrome/browser/resources/ntp4/tile_page.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('ntp', function() {
   'use strict';
 
   // We can't pass the currently dragging tile via dataTransfer because of
   // http://crbug.com/31037
   var currentlyDraggingTile = null;
@@ skipping 42 matching lines @@
       // 'real' as opposed to doppleganger.
       this.className = 'tile real';
       this.appendChild(contents);
       contents.tile = this;
 
       this.addEventListener('dragstart', this.onDragStart_);
       this.addEventListener('drag', this.onDragMove_);
       this.addEventListener('dragend', this.onDragEnd_);
 
       this.firstChild.addEventListener(
-          'webkitAnimationEnd', this.onContentsAnimationEnd_.bind(this));
+          'animationend', this.onContentsAnimationEnd_.bind(this));
 
       this.eventTracker = new EventTracker();
     },
 
     get index() {
       return Array.prototype.indexOf.call(this.tilePage.tileElements_, this);
     },
 
     get tilePage() {
       return findAncestorByClass(this, 'tile-page');
@@ skipping 39 matching lines @@
       e.dataTransfer.effectAllowed = 'copyMove';
       this.firstChild.setDragData(e.dataTransfer);
 
       // The drag clone is the node we use as a representation during the drag.
       // It's attached to the top level document element so that it floats above
       // image masks.
       this.dragClone = this.cloneNode(true);
       this.dragClone.style.right = '';
       this.dragClone.classList.add('drag-representation');
       $('card-slider-frame').appendChild(this.dragClone);
-      this.eventTracker.add(this.dragClone, 'webkitTransitionEnd',
+      this.eventTracker.add(this.dragClone, 'transitionend',
                             this.onDragCloneTransitionEnd_.bind(this));
 
       this.classList.add('dragging');
       // offsetLeft is mirrored in RTL. Un-mirror it.
       var offsetLeft = isRTL() ?
           this.parentNode.clientWidth - this.offsetLeft :
           this.offsetLeft;
       this.dragOffsetX = e.x - offsetLeft - this.parentNode.offsetLeft;
       this.dragOffsetY = e.y - this.offsetTop -
           // Unlike offsetTop, this value takes scroll position into account.
@@ skipping 97 matching lines @@
       for (var i = 0; i < clonelets.length; i++) {
         clonelets[i].classList.remove('real');
       }
 
       this.appendChild(clone);
       this.doppleganger_ = clone;
 
       if (isRTL())
         x *= -1;
 
-      this.doppleganger_.style.WebkitTransform = 'translate(' + x + 'px, ' +
-                                                                y + 'px)';
+      this.doppleganger_.style.transform = 'translate(' + x + 'px, ' +
+                                                          y + 'px)';
     },
 
     /**
      * Destroys the current doppleganger.
      */
     clearDoppleganger: function() {
       if (this.doppleganger_) {
         this.removeChild(this.doppleganger_);
         this.doppleganger_ = null;
       }
@@ skipping 13 matching lines @@
      * the next drag starts (if the user starts a 2nd drag very quickly).
      * @private
      */
     finalizeDrag_: function() {
       assert(this.classList.contains('dragging'));
 
       var clone = this.dragClone;
       this.dragClone = null;
 
       clone.parentNode.removeChild(clone);
-      this.eventTracker.remove(clone, 'webkitTransitionEnd');
+      this.eventTracker.remove(clone, 'transitionend');
       this.classList.remove('dragging');
       if (this.firstChild.finalizeDrag)
         this.firstChild.finalizeDrag();
     },
 
     /**
      * Called when the drag representation node is done migrating to its final
      * resting spot.
      * @param {Event} e The transition end event.
      */
@@ skipping 10 matching lines @@
      * @param {boolean=} opt_animate Whether the animation should be animated.
      */
     doRemove: function(opt_animate) {
       if (opt_animate)
         this.firstChild.classList.add('removing-tile-contents');
       else
         this.tilePage.removeTile(this, false);
     },
 
     /**
-     * Callback for the webkitAnimationEnd event on the tile's contents.
+     * Callback for the animationend event on the tile's contents.
      * @param {Event} e The event object.
      */
     onContentsAnimationEnd_: function(e) {
       if (this.firstChild.classList.contains('new-tile-contents'))
         this.firstChild.classList.remove('new-tile-contents');
       if (this.firstChild.classList.contains('removing-tile-contents'))
         this.tilePage.removeTile(this, true);
     },
   };
 
@@ skipping 997 matching lines @@
   };
 
   return {
     getCurrentlyDraggingTile: getCurrentlyDraggingTile,
     setCurrentDropEffect: setCurrentDropEffect,
     // Not used outside, just for usage in JSDoc inside this file.
     Tile: Tile,
     TilePage: TilePage,
   };
 });