Fade in img

2025-09-02 23:10:23 +02:00
parent 65fd62e342
commit b17652e471
2 changed files with 33 additions and 1 deletions
--- a/src/webui/style/style.css
+++ b/src/webui/style/style.css
@ -337,6 +337,20 @@ h2 {
 .toast.success { background-color: #28a7468c; }
 .toast.error { background-color: #dc3545; }

+/* img fade in */
+
+.fade-in-img {
+  opacity: 0;
+  transform: scale(1.02);
+  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
+  will-change: opacity, transform;
+}
+
+.fade-in-img.loaded {
+  opacity: 1;
+  transform: scale(1);
+}
+
 /* --- Tags --- */
 .tag-input {
  display: flex;