Added --fade-in-transition ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/duckduckgpt]

Author: kudo-sync-bot

chatgpt/duckduckgpt/duckduckgpt.user.js

@@ -148,7 +148,7 @@
 // @description:zu         Yengeza izimpendulo ze-AI ku-DuckDuckGo (inikwa amandla yi-GPT-4o!)
 // @author                 KudoAI
 // @namespace              https://kudoai.com
-// @version                2025.10.11.5
+// @version                2025.10.11.6
 // @license                MIT
 // @icon                   https://assets.ddgpt.com/images/icons/app/icon48.png?v=533ce0f
 // @icon64                 https://assets.ddgpt.com/images/icons/app/icon64.png?v=533ce0f
@@ -459,16 +459,26 @@
                   --font-size-slider-thumb-transition: transform 0.05s ease ; /* for hover-zoom */
                   --reply-pre-transition: max-height 0.167s cubic-bezier(0, 0, 0.2, 1) ; /* for Anchor changes */
                   --rq-transition: opacity 0.55s ease, transform 0.1s ease !important ; /* for fade-in + hover-zoom */
+                  --fade-in-transition: opacity 0.4s ease ;
                   --fade-in-less-transition: opacity 0.2s ease } /* used by Font Size slider + Pin menu */`
 
                 // Animations
-             + `.fade-in { opacity: 0 ; transform: translateY(10px) }
-                .fade-in-less { opacity: 0 ;
+             + `.fade-in {
+                    opacity: 0 ; transform: translateY(10px) ;
+                    transition: var(--fade-in-less-transition) ;
+                       -webkit-transition: var(--fade-in-transition) ;
+                       -moz-transition: var(--fade-in-transition) ;
+                       -o-transition: var(--fade-in-transition) ;
+                       -ms-transition: var(--fade-in-transition)
+                }
+                .fade-in-less {
+                    opacity: 0 ;
                     transition: var(--fade-in-less-transition) ;
                        -webkit-transition: var(--fade-in-less-transition) ;
                        -moz-transition: var(--fade-in-less-transition) ;
                        -o-transition: var(--fade-in-less-transition) ;
-                       -ms-transition: var(--fade-in-less-transition) }
+                       -ms-transition: var(--fade-in-less-transition)
+                }
                 .fade-in.active, .fade-in-less.active { opacity: 1 ; transform: translateY(0) }
                 @keyframes btn-zoom-fade-out {
                     0% { opacity: 1 } 55% { opacity: 0.25 ; transform: scale(1.85) }