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

chrome/browser/resources/chromeos/login/oobe_screen_user_image.css

Index: chrome/browser/resources/chromeos/login/oobe_screen_user_image.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_screen_user_image.css b/chrome/browser/resources/chromeos/login/oobe_screen_user_image.css
index df177055380bfe22e7df5f8c96d040668a71badd..c1609aa613374a4fe4a771077e0abc5ce9652485 100644
--- a/chrome/browser/resources/chromeos/login/oobe_screen_user_image.css
+++ b/chrome/browser/resources/chromeos/login/oobe_screen_user_image.css
@@ -105,7 +105,7 @@ html[dir=rtl] #user-image-preview {
 }
 
 #user-image-preview-img.animated-transform {
-  -webkit-transition: -webkit-transform 200ms linear;
+  transition: transform 200ms linear;
 }
 
 .camera.live #user-image-preview-img {
@@ -113,7 +113,7 @@ html[dir=rtl] #user-image-preview {
 }
 
 .camera.flip-x #user-image-preview-img {
-  -webkit-transform: rotateY(180deg);
+  transform: rotateY(180deg);
 }
 
 .default-image #user-image-preview-img {
@@ -134,15 +134,15 @@ html[dir=rtl] #user-image-preview {
 }
 
 #user-image-stream-crop {
-  -webkit-transition: -webkit-transform 200ms linear;
   height: 220px;
   overflow: hidden;
   position: relative;
+  transition: transform 200ms linear;
   width: 220px;
 }
 
 .flip-x #user-image-stream-crop {
-  -webkit-transform: rotateY(180deg);
+  transform: rotateY(180deg);
 }
 
 /* TODO(ivankr): specify dimensions from real capture size. */
@@ -170,7 +170,6 @@ html[dir=rtl] #user-image-preview {
 }
 
 #flip-photo {
-  -webkit-transition: opacity 75ms linear;
   background: url(chrome://theme/IDR_MIRROR_FLIP) no-repeat;
   border: none;
   bottom: 44px;  /* 8px + image bottom. */
@@ -179,13 +178,14 @@ html[dir=rtl] #user-image-preview {
   opacity: 0;
   position: absolute;
   right: 8px;
+  transition: opacity 75ms linear;
   width: 32px;
   z-index: 1;
 }
 
 /* TODO(merkulova): remove when webkit crbug.com/126479 is fixed. */
 .flip-trick {
-  -webkit-transform: translateZ(1px);
+  transform: translateZ(1px);
 }
 
 html[dir=rtl] #flip-photo {
@@ -221,10 +221,10 @@ html[dir=rtl] #flip-photo {
 }
 
 #user-image-preview .perspective-box {
-  -webkit-perspective: 600px;
   border: solid 1px #cacaca;
   border-radius: 4px;
   padding: 2px;
+  perspective: 600px;
   width: 220px;
 }