[라이브영상] shop now, liveChannel 슬라이딩 노출 처리.

- css animation으로 처리.

com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/TabContainer.v2.module.less

@@ -10,6 +10,7 @@
   // tabIndex = 0: ShopNow 스타일 (ShopNowContainer 참고)
   &.tabIndex0 {
     .size(@w: 1920px, @h: 675px);
+    animation: slideInFromRight 0.5s ease-out;
     padding: 60px;
     background:
       linear-gradient(
@@ -40,6 +41,7 @@
   // tabIndex = 1: LiveShow 스타일 (LiveShowContainer 참고)
   &.tabIndex1 {
     .size(@w: 1920px, @h: 365px);
+    animation: slideInFromDown 0.5s ease-out;
     padding: 60px;
     background: linear-gradient(
       to top,
@@ -203,3 +205,25 @@
     }
   }
 }
+/* 애니메이션 정의 */
+@keyframes slideInFromRight {
+  from {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slideInFromDown {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}