diff --git a/static/css/04-interactive/_chat.css b/static/css/04-interactive/_chat.css index 4e5540c..2b1bb04 100644 --- a/static/css/04-interactive/_chat.css +++ b/static/css/04-interactive/_chat.css @@ -38,8 +38,7 @@ } .chat-toggle-btn:hover iconify-icon { - transform: rotate(90deg); - transition: transform 0.3s ease; + animation: iconWiggle 0.5s ease; } /* Icon swap: show mascot by default, close when active */ diff --git a/static/css/04-interactive/_scroll-behavior.css b/static/css/04-interactive/_scroll-behavior.css index 6c330c6..856fd54 100644 --- a/static/css/04-interactive/_scroll-behavior.css +++ b/static/css/04-interactive/_scroll-behavior.css @@ -142,16 +142,21 @@ transition: transform 0.3s ease; } -/* Rotate clockwise: PDF, leaf, info, theme, chat close */ -.download-btn:hover iconify-icon, +/* Rotate 45°: PDF */ +.download-btn:hover iconify-icon { + transform: rotate(45deg); +} + +/* Rotate 90°: leaf, theme */ .print-friendly-btn:hover iconify-icon, -.info-button:hover iconify-icon, .color-theme-switcher:hover iconify-icon { transform: rotate(90deg); } -/* Wiggle: email envelope */ -.fixed-btn.contact-btn:hover iconify-icon { +/* Wiggle: email, info, keyboard, chat bot */ +.fixed-btn.contact-btn:hover iconify-icon, +.info-button:hover iconify-icon, +.shortcuts-btn:hover iconify-icon { animation: iconWiggle 0.5s ease; } @@ -164,17 +169,6 @@ 100% { transform: rotate(0deg); } } -/* Scale pulse: keyboard */ -.shortcuts-btn:hover iconify-icon { - animation: iconPulse 0.4s ease; -} - -@keyframes iconPulse { - 0% { transform: scale(1); } - 50% { transform: scale(1.25); } - 100% { transform: scale(1); } -} - /* Bounce up: back-to-top arrow */ .back-to-top:hover iconify-icon { animation: iconBounceUp 0.4s ease;