diff options
author | mattkae <mattkae@protonmail.com> | 2021-12-29 16:33:55 -0500 |
---|---|---|
committer | mattkae <mattkae@protonmail.com> | 2021-12-29 16:33:55 -0500 |
commit | c3bff045eb9e28e8e49d511c9e15e13db25a2319 (patch) | |
tree | 87ab9b6e2dcdfcb6a74c7d7ab32b845fc216e568 /index.css | |
parent | dca628d985a1904be7d45b373a17ac9b7e3e09c6 (diff) |
Improved image manipulation and loading
Diffstat (limited to 'index.css')
-rw-r--r-- | index.css | 14 |
1 files changed, 12 insertions, 2 deletions
@@ -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 { |