fix: button hover animations — PDF 45°, wiggle for info/keyboard/bot
This commit is contained in:
@@ -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 */
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user