From 34d607d546ef6da5adea999ddf7f1bf851d1dad7 Mon Sep 17 00:00:00 2001
From: Ed Sanders <esanders@wikimedia.org>
Date: Fri, 26 Feb 2016 15:21:46 +0000
Subject: [PATCH] EducationPopupTool: Use vendor prefixes for animation

Bug: T128133
Change-Id: Ic061b50e1ed68ea35ac0ccbefbcb5252f917d35f
---
 .../tools/ve.ui.MWEducationPopupTool.css      | 54 ++++++++++++++++++-
 1 file changed, 52 insertions(+), 2 deletions(-)

diff --git a/modules/ve-mw/ui/styles/tools/ve.ui.MWEducationPopupTool.css b/modules/ve-mw/ui/styles/tools/ve.ui.MWEducationPopupTool.css
index 08fa53409d..a708b10386 100644
--- a/modules/ve-mw/ui/styles/tools/ve.ui.MWEducationPopupTool.css
+++ b/modules/ve-mw/ui/styles/tools/ve.ui.MWEducationPopupTool.css
@@ -12,8 +12,12 @@
 	background-color: #347bff;
 	position: absolute;
 	opacity: 1;
-	animation: pulse 3s ease-out;
-	animation-iteration-count: infinite;
+	-webkit-animation: pulse 3s ease-out;
+	   -moz-animation: pulse 3s ease-out;
+	        animation: pulse 3s ease-out;
+	-webkit-animation-iteration-count: infinite;
+	   -moz-animation-iteration-count: infinite;
+	        animation-iteration-count: infinite;
 }
 
 .ve-ui-stillDot {
@@ -58,6 +62,52 @@
 	line-height: 1.2em;
 }
 
+@-webkit-keyframes pulse {
+	0% {
+		transform: scale(0);
+		opacity: 0.0;
+	}
+	25% {
+		transform: scale(0);
+		opacity: 0.1;
+	}
+	50% {
+		transform: scale(0.1);
+		opacity: 0.3;
+	}
+	75% {
+		transform: scale(0.5);
+		opacity: 0.5;
+	}
+	100% {
+		transform: scale(1);
+		opacity: 0.0;
+	}
+}
+
+@-moz-keyframes pulse {
+	0% {
+		transform: scale(0);
+		opacity: 0.0;
+	}
+	25% {
+		transform: scale(0);
+		opacity: 0.1;
+	}
+	50% {
+		transform: scale(0.1);
+		opacity: 0.3;
+	}
+	75% {
+		transform: scale(0.5);
+		opacity: 0.5;
+	}
+	100% {
+		transform: scale(1);
+		opacity: 0.0;
+	}
+}
+
 @keyframes pulse {
 	0% {
 		transform: scale(0);