From c3bff045eb9e28e8e49d511c9e15e13db25a2319 Mon Sep 17 00:00:00 2001
From: mattkae <mattkae@protonmail.com>
Date: Wed, 29 Dec 2021 16:33:55 -0500
Subject: Improved image manipulation and loading

---
 index.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'index.css')

diff --git a/index.css b/index.css
index 080bcac..2d0e746 100644
--- a/index.css
+++ b/index.css
@@ -107,17 +107,19 @@ section a:hover {
     display: flex;
     flex-direction: row;
     height: 100%;
-    transition: transform 50ms linear;
+    transition: all 100ms linear;
+    opacity: 0;
 }
 
 #image_container .carousel_image {
     width: 240px;
-    transition: opacity 50ms linear;
+    transition: opacity 100ms linear;
     padding: 0;
     margin: 0;
     padding-right: 12px;
     cursor: pointer;
     position: relative;
+    opacity: 0;
 }
 
 #image_container .carousel_image:hover::after {
@@ -203,6 +205,14 @@ input:focus {
 	display: flex;
 	align-items: center;
 	bottom: 1rem;
+    pointer-events: all;
+    opacity: 1;
+    transition: opacity 150ms linear;
+}
+
+#theme_selector.hidden {
+    pointer-events: none;
+    opacity: 0;
 }
 
 #theme_selector > button {
-- 
cgit v1.2.1