info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-27 02:54:27 +02:00
Code Issues Releases Wiki Activity

Wiggle animation on the course banner

Browse Source
This commit is contained in:
Kamran Ahmed
2025-04-01 18:09:39 +01:00
parent 45059998c0
commit 1a5b6976c2
4 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
tailwind.config.cjs
View File

@@ -47,12 +47,21 @@ module.exports = {
transform: "translate(-50%,-40%) scale(1)",
},
},
wiggle: {
'0%': { transform: 'rotate(-4deg)' },
'20%': { transform: 'rotate(4deg)' },
'40%': { transform: 'rotate(-3deg)' },
'60%': { transform: 'rotate(3deg)' },
'80%': { transform: 'rotate(-2deg)' },
'100%': { transform: 'rotate(0deg)' },
},
},
animation: {
'fade-slide-up':
'fade-slide-up 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards',
'fade-in': 'fade-in 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards',
spotlight: "spotlight 2s ease 0.25s 1 forwards",
wiggle: 'wiggle 0.5s ease-in-out forwards',
},
},
container: {