diff --git a/src/flipclock/css/flipclock.css b/src/flipclock/css/flipclock.css
index 2914ce08..20bacf56 100644
--- a/src/flipclock/css/flipclock.css
+++ b/src/flipclock/css/flipclock.css
@@ -108,7 +108,7 @@
   width: 100%;
   height: 50%;
   font-size: 80px;
-  overflow: hidden; 
+  overflow: hidden;
   outline: 1px solid transparent; }
 
 .flip-clock-wrapper ul li a div .shadow {
@@ -259,9 +259,9 @@
 
 .flip-clock-wrapper ul.play li.flip-clock-active .down {
   z-index: 2;
-  -webkit-animation: turn 0.5s 0.5s linear both;
-  -moz-animation: turn 0.5s 0.5s linear both;
-  animation: turn 0.5s 0.5s linear both; }
+  -webkit-animation: turn .25s .5s linear both;
+  -moz-animation: turn .25s .5s linear both;
+  animation: turn .25s .5s linear both; }
 
 @-webkit-keyframes turn {
   0% {
@@ -293,9 +293,9 @@
 
 .flip-clock-wrapper ul.play li.flip-clock-before .up {
   z-index: 2;
-  -webkit-animation: turn2 0.5s linear both;
-  -moz-animation: turn2 0.5s linear both;
-  animation: turn2 0.5s linear both; }
+  -webkit-animation: turn2 .5s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
+  -moz-animation: turn2 .5s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
+  animation: turn2 .5s cubic-bezier(0.55, 0.055, 0.675, 0.19) both; }
 
 @-webkit-keyframes turn2 {
   0% {
diff --git a/src/flipclock/css/flipclock.scss b/src/flipclock/css/flipclock.scss
index ddb89a55..d525331b 100644
--- a/src/flipclock/css/flipclock.scss
+++ b/src/flipclock/css/flipclock.scss
@@ -224,7 +224,7 @@
 
 .flip-clock-wrapper ul.play li.flip-clock-active .down {
     z-index: 2;
-    @include animation(turn .5s .5s linear both);
+    @include animation(turn .25s .5s linear both);
 }
 
 @include keyframes(turn) {
@@ -238,7 +238,7 @@
 
 .flip-clock-wrapper ul.play li.flip-clock-before .up {
     z-index: 2;
-    @include animation(turn2 .5s linear both);
+    @include animation(turn2 .5s cubic-bezier(0.55, 0.055, 0.675, 0.19) both);
 }
 
 @include keyframes(turn2) {