dualshock-tools/dualshock-tools.github.io
1
0
Fork 0
mirror of https://github.com/dualshock-tools/dualshock-tools.github.io.git synced 2026-03-01 11:19:54 +03:00
Code Issues 9 Packages Projects Releases Wiki Activity

Add new "Quick test" modal

Browse Source
This commit is contained in:
Mathias Malmqvist
2025-09-22 00:23:34 +02:00
committed by dualshock-tools
parent b240d1d65c
commit 3bc5c0eb34
8 changed files with 859 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
css/main.css
View File

@@ -26,3 +26,43 @@ dl.row dd {
background-color: #0d6efd !important;
color: white !important;
}
/* Quick Test Icon Animations */
@keyframes shake {
0%, 100% { transform: translateX(0); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
20%, 40%, 60%, 80% { transform: translateX(2px); }
}
@keyframes pulse {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.1); opacity: 0.8; }
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-3px); }
60% { transform: translateY(-2px); }
}
@keyframes glow {
0%, 100% { text-shadow: 0 0 5px rgba(13, 110, 253, 0.5); }
50% { text-shadow: 0 0 15px rgba(13, 110, 253, 0.8), 0 0 25px rgba(13, 110, 253, 0.6); }
}
/* Animation classes for different test types */
.test-icon-haptic {
animation: shake 0.5s ease-in-out infinite;
}
.test-icon-adaptive {
animation: pulse 1s ease-in-out infinite;
}
.test-icon-speaker {
animation: bounce 0.6s ease-in-out infinite;
}
.test-icon-microphone {
animation: glow 1.5s ease-in-out infinite;
}