Index: ui/webui/resources/css/dialogs.css |
diff --git a/ui/webui/resources/css/dialogs.css b/ui/webui/resources/css/dialogs.css |
index a20bc2431816e83f00d94789277bb0e895ae7cbf..3d9a909906f7ae806950d6a57f8d422ff9044c3c 100644 |
--- a/ui/webui/resources/css/dialogs.css |
+++ b/ui/webui/resources/css/dialogs.css |
@@ -5,13 +5,13 @@ |
.cr-dialog-container { |
-webkit-box-align: center; |
-webkit-box-pack: center; |
- -webkit-transition: opacity 250ms linear; |
display: -webkit-box; |
height: 100%; |
left: 0; |
overflow: hidden; |
position: absolute; |
top: 0; |
+ transition: opacity 250ms linear; |
user-select: none; |
width: 100%; |
z-index: 9999; |
@@ -36,7 +36,7 @@ |
outline: none; |
} |
-@-webkit-keyframes pulse { |
+@keyframes pulse { |
0% { |
transform: scale(1); |
} |
@@ -52,28 +52,27 @@ |
} |
.cr-dialog-frame.pulse { |
- -webkit-animation-duration: 180ms; |
- -webkit-animation-iteration-count: 1; |
- -webkit-animation-name: pulse; |
- -webkit-animation-timing-function: ease-in-out; |
+ animation-duration: 180ms; |
+ animation-iteration-count: 1; |
+ animation-name: pulse; |
+ animation-timing-function: ease-in-out; |
} |
.shown > .cr-dialog-frame { |
- transform: perspective(500px) scale(1) |
- translateY(0) rotateX(0); |
opacity: 1; |
+ transform: perspective(500px) scale(1) |
+ translateY(0) rotateX(0); |
} |
.cr-dialog-frame { |
- transform: perspective(500px) scale(0.99) |
- translateY(-20px) rotateX(5deg); |
- -webkit-transition: all 180ms; |
- -webkit-transition-duration: 250ms; |
opacity: 0; |
+ transform: perspective(500px) scale(0.99) |
+ translateY(-20px) rotateX(5deg); |
+ transition: all 180ms; |
+ transition-duration: 250ms; |
} |
.cr-dialog-shield { |
- -webkit-transition: opacity 500ms; |
background-color: white; |
bottom: 0; |
display: block; |
@@ -83,11 +82,12 @@ |
position: absolute; |
right: 0; |
top: 0; |
+ transition: opacity 500ms; |
} |
.shown > .cr-dialog-shield { |
- -webkit-transition: opacity 500ms; |
opacity: 0.75; |
+ transition: opacity 500ms; |
} |
[hidden] { |