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);