single page animation changed

assets/sass/base/_animation.scss

@@ -22,6 +22,18 @@
   }
 }
 
+@include keyframes(slide-in-left-little) {
+  0% {
+    transform: translate(-1%,0);
+    opacity: 0;
+  }
+
+  100% {
+    transform: translate(0,0);
+    opacity: 1;
+  }
+}
+
 @include keyframes(slide-in-down-little) {
   0% {
     transform: translate(0,-1%);

assets/sass/pages/_single.scss

@@ -11,7 +11,7 @@
     line-height: 3rem;
     overflow-wrap: break-word;
 
-    @include animation('slide-in-left .2s .15s 1 ease-in both');
+    @include animation('slide-in-down .2s .3s 1 ease-in both');
     @include themify($themes) {
       color: themed("single-header-title-color");
     }
@@ -47,7 +47,7 @@
   }
 
   &__contents {
-    @include animation('slide-in-down-little .3s .4s 1 ease-in both');
+    @include animation('slide-in-left-little .2s .6s 1 ease-in both');
     &--gallery {
       overflow: hidden;
     }