Flip

Class
Properties
flip
@apply scale-x-[-1] scale-y-[-1];
flip-x
@apply scale-x-[-1];
flip-y
@apply scale-y-[-1];

Usage

Single import

// tailwind.config.js | tailwind.config.ts

import { flip } from "tailwindcss-addons"

export default {
    plugins: [flip],
}

Multi import

// tailwind.config.js | tailwind.config.ts

import tailwindcssAddons from "tailwindcss-addons"

export default {
    plugins: [
        ...tailwindcssAddons({
            flip: false, // Enabled by default
        }),
    ],
}
Return to top