Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refine Bulgarian Solitaire animation

Browse source 
Update Bulgarian Solitaire animation to fade red highlight in, pause, move blocks to a new column, and then fade back to black.
This commit is contained in:
gpt-engineer-app[bot] 2025-08-22 10:57:46 +00:00
parent 748c12c3cf
commit dc0872c3a8
2 changed files with 54 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

13
tailwind.config.ts
View file

@ -101,15 +101,20 @@ export default {
height: '0'
}
},
'fade-red': {
'0%, 100%': { backgroundColor: 'hsl(var(--primary))' },
'50%': { backgroundColor: 'hsl(0, 84%, 60%)' }
'fade-to-red': {
'0%': { backgroundColor: 'hsl(var(--primary))' },
'100%': { backgroundColor: 'hsl(0, 84%, 60%)' }
},
'fade-from-red': {
'0%': { backgroundColor: 'hsl(0, 84%, 60%)' },
'100%': { backgroundColor: 'hsl(var(--primary))' }
}
},
animation: {
'accordion-down': 'accordion-down 0.2s ease-out',
'accordion-up': 'accordion-up 0.2s ease-out',
'fade-red': 'fade-red 1.6s ease-in-out infinite'
'fade-to-red': 'fade-to-red 0.5s ease-out forwards',
'fade-from-red': 'fade-from-red 0.5s ease-out forwards'
},
fontFamily: {
'sans': ['Lato', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif'],