From 05fe1cb87c05cbe1250b3dcca5fdb86a3ea4e1ab Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 13 Mar 2024 20:19:13 +0800
Subject: [PATCH] Webkit support for slide in frame

---
 packages/web/styles/articleInnerStyling.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/web/styles/articleInnerStyling.css b/packages/web/styles/articleInnerStyling.css
index d76fa822e..83f6adb3d 100644
--- a/packages/web/styles/articleInnerStyling.css
+++ b/packages/web/styles/articleInnerStyling.css
@@ -625,6 +625,9 @@
   animation-name: fadeInUp;
   animation-duration: 0.5s;
   animation-fill-mode: both;
+  -webkit-animation-name: fadeInUp;
+  -webkit-animation-duration: 0.5s;
+  -webkit-animation-fill-mode: both;
   overflow: hidden;
   box-shadow: 0px 4px 4px rgba(33, 33, 33, 0.1) !important;
 }
@@ -640,4 +643,17 @@
       -webkit-transform: none;
       transform: none;
   }
+}
+
+@-webkit-keyframes fadeInUp {
+  0% {
+      opacity: 0;
+      -webkit-transform: translate3d(0, 100%, 0);
+      transform: translate3d(0, 100%, 0);
+  }
+  100% {
+      opacity: 1;
+      -webkit-transform: none;
+      transform: none;
+  }
 }
\ No newline at end of file