Docs
Nintendo Switch
Nintendo Switch
Nintendo Switch made by TailwindCSS
Installation
Update tailwind.config.js
Add the following animations to your tailwind.config.js
file:
tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
theme: {
extend: {
keyframes: {
"logo-right": {
"0%": { transform: "translateY(-40%)" },
"25%": { transform: "translateY(-50%)" },
"30%": { transform: "translateY(0)" },
"70%": { transform: "translateY(0)" },
"100%": { transform: "translateY(-40%)" },
},
"logo-icon": {
"0%": { transform: "translateY(0)" },
"30%": { transform: "translateY(0)" },
"35%": { transform: "translateY(10%)" },
"40%": { transform: "translateY(0)" },
"100%": { transform: "translateY(0)" },
},
},
animation: {
"logo-right": "logo-right 2s linear infinite",
"logo-icon": "logo-icon 2s linear infinite",
},
}
}
}