From 0f29c14040c024d5ccecd4baaa705d238222c3a7 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sun, 27 Dec 2020 10:53:53 -0600
Subject: [PATCH] Add fade in to lazyloads

---
 assets/css/tailwind.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index cbbcd0e..b01a3fc 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -61,6 +61,26 @@
  * @import "utilities/skew-transforms";
  */
 
+
+.ease {
+    transition-property: all;
+    transition-duration: 400ms;
+    /* easeInOutQuart */
+    /* https://easings.net/en#easeInOutQuart */
+    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+}
+
+.lazyload,
+.lazyloading {
+	opacity: 0;
+}
+.lazyloaded {
+    @apply ease;
+    transition-property: opacity;
+
+	opacity: 1;
+}
+
  .neumorphic-shadow,
  .hover\:neumorphic-shadow:hover {
     /* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */