ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix dropdown fade animation by specifying transition property

Browse Source 
The .fade rule only set transition-duration without specifying
transition-property, so opacity changes were instant. Also fixes
a typo where the webkit duration was 5s instead of 0.5s.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mark Eaton
2026-02-23 11:19:10 -05:00
co-authored by Claude Opus 4.6
parent a272b054ad
commit b066d5cd12
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/home/bootstrap5/home1.css
+2 -2
View File
@@ -97,8 +97,8 @@
opacity: 1; opacity: 1;
} }
.fade { .fade {
-webkit-transition-duration: 5s; /* Safari */ transition: opacity 0.5s ease;
transition-duration: 0.5s; -webkit-transition: opacity 0.5s ease; /* Safari */
} }
/* Show dropdown on hover AND keyboard focus (WCAG 2.1.1) */ /* Show dropdown on hover AND keyboard focus (WCAG 2.1.1) */
.dropdown:hover .dropdown-menu, .dropdown:hover .dropdown-menu,