all repos — site @ 3d14a1a4cbf0b1ffc30914d7d5a6cbba73bda5e7

source for my site, found at icyphox.sh 

feat(css): fade-in animation
Anirudh icyph0x@pm.me
Wed, 15 Aug 2018 19:06:39 +0530
commit

3d14a1a4cbf0b1ffc30914d7d5a6cbba73bda5e7

parent

9f68531e8d119d29360ace66d9ee06971dbaab4b

2 files changed, 40 insertions(+), 0 deletions(-)

jump to
M build/static/style.css → build/static/style.css 
@@ -75,5 +75,25 @@ position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+
+  -webkit-animation: fadein 2s;
+  -moz-animation: fadein 2s;
+  -ms-animation: fadein 2s;
+  -o-animation: fadein 2s;
+  animation: fadein 2s;
 }
 
+@keyframes fadein {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@-moz-keyframes fadein {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@-webkit-keyframes fadein {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
M static/style.css → static/style.css 
@@ -75,5 +75,25 @@ position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+
+  -webkit-animation: fadein 2s;
+  -moz-animation: fadein 2s;
+  -ms-animation: fadein 2s;
+  -o-animation: fadein 2s;
+  animation: fadein 2s;
 }
 
+@keyframes fadein {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@-moz-keyframes fadein {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@-webkit-keyframes fadein {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}