From f00484e5761b876e4f4809283108695f6451de68 Mon Sep 17 00:00:00 2001 From: Aravind Date: Fri, 16 Feb 2018 16:08:52 +0530 Subject: [PATCH] Added animation-duration to all popIn animations Without animation-durations, those animations don't work. So updated. --- vivify.css | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/vivify.css b/vivify.css index cd71862..f1dbbe1 100644 --- a/vivify.css +++ b/vivify.css @@ -570,7 +570,9 @@ THE SOFTWARE. transform: translateY(400px) rotate(-445deg); } } .popIn { -webkit-animation-name: popIn; - animation-name: popIn; } + animation-name: popIn; + -webkit-animation-duration: 1s; + animation-duration: 1s; } @keyframes popIn { 0% { @@ -601,7 +603,9 @@ THE SOFTWARE. transform: scale3d(1, 1, 1); } } .popInLeft { -webkit-animation-name: popInLeft; - animation-name: popInLeft; } + animation-name: popInLeft; + -webkit-animation-duration: 1s; + animation-duration: 1s; } @keyframes popInLeft { 0% { @@ -631,7 +635,9 @@ THE SOFTWARE. transform: scale3d(1, 1, 1); } } .popInRight { -webkit-animation-name: popInRight; - animation-name: popInRight; } + animation-name: popInRight; + -webkit-animation-duration: 1s; + animation-duration: 1s; } @keyframes popInRight { 0% { @@ -661,7 +667,9 @@ THE SOFTWARE. transform: scale3d(1, 1, 1); } } .popInTop { -webkit-animation-name: popInTop; - animation-name: popInTop; } + animation-name: popInTop; + -webkit-animation-duration: 1s; + animation-duration: 1s; } @keyframes popInTop { 0% { @@ -691,7 +699,9 @@ THE SOFTWARE. transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } .popInBottom { -webkit-animation-name: popInBottom; - animation-name: popInBottom; } + animation-name: popInBottom; + -webkit-animation-duration: 1s; + animation-duration: 1s; } @keyframes popInBottom { 0% {