Docs
Nintendo Switch

Nintendo Switch

Nintendo Switch made by TailwindCSS

Loading...

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",
      },
    }
  }
}
 

Copy and paste the Switch code into your project.