Replace spring bounce with ease-out-quint on foundation cards

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-04-03 20:18:14 -07:00
co-authored by Claude Opus 4.6
parent 8531503f2c
commit f9b78b1957
2 changed files with 5622 additions and 3 deletions
+2 -2
View File
@@ -58,7 +58,7 @@ button, input, textarea, select {
/* Animation */
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
--ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
--duration-fast: 0.15s;
--duration-base: 0.3s;
--duration-slow: 0.6s;
@@ -1014,7 +1014,7 @@ code {
flex-direction: column;
height: 280px;
margin-bottom: var(--spacing-xs);
transition: transform var(--duration-base) var(--ease-spring), border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);
transition: transform var(--duration-slow) var(--ease-out-quint), border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);
position: relative;
z-index: 2;
box-sizing: border-box;
+5620 -1
View File
File diff suppressed because one or more lines are too long