fix: animate

src/components/pc/BlockChainBrowser/ChainTitle.vue

@@ -35,7 +35,7 @@ export default Vue.extend({
 .yc {
   animation-name: fadeIn;
   animation-duration: 1.5s;
-  animation-timing-function: ease-out;
+  animation-timing-function: ease;
   animation-fill-mode: forwards;
   opacity: 0;
   z-index: 4;
@@ -43,7 +43,7 @@ export default Vue.extend({
 .cc {
   animation-name: slideIn;
   animation-duration: 1.5s;
-  animation-timing-function: ease-out;
+  animation-timing-function: ease;
   animation-fill-mode: forwards;
   margin-left: -100px;
   opacity: 0;
@@ -52,7 +52,7 @@ export default Vue.extend({
 .chain-title-txt {
   animation-name: slideUp;
   animation-duration: 1.5s;
-  animation-timing-function: ease-out;
+  animation-timing-function: ease;
   animation-fill-mode: forwards;
   animation-delay: 0.3s;
   opacity: 0;

src/views/pc/blockChainBrowser.vue

@@ -67,7 +67,7 @@ export default VueTypedMixins(blockChainBrowserMixin).extend({
   animation-name: rotate;
   animation-fill-mode: forwards;
   animation-duration: 1.2s;
-  animation-timing-function: ease-out;
+  animation-timing-function: ease;
 }
 
 .chainCard {
@@ -79,7 +79,7 @@ export default VueTypedMixins(blockChainBrowserMixin).extend({
   animation-delay: 0.5s;
   animation-fill-mode: forwards;
   opacity: 0;
-  animation-timing-function: ease-out;
+  animation-timing-function: ease;
   margin-left: -100px;
 }
 .chain-title {
@@ -93,7 +93,7 @@ export default VueTypedMixins(blockChainBrowserMixin).extend({
   left: 572px;
   animation-name: slideUp;
   animation-duration: 1.5s;
-  animation-timing-function: ease-out;
+  animation-timing-function: ease;
   animation-delay: 0.5s;
   opacity: 0;
   animation-fill-mode: forwards;
@@ -110,7 +110,7 @@ export default VueTypedMixins(blockChainBrowserMixin).extend({
   background: #2545cb;
   animation-name: slideDown;
   animation-duration: 1.2s;
-  animation-timing-function: ease-out;
+  animation-timing-function: ease;
 }
 </style>
 <style>