Flip

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

Point reflection

Examples

...

.flip

.flip-x

.flip-y

Usage

Single import

// tailwind.config.js
 
import { flip } from "tailwindcss-addons"
 
export default {
    plugins: [flip],
}

Multi import

// tailwind.config.js
 
import { allAddons } from "tailwindcss-addons"
 
export default {
    plugins: [
        ...allAddons({
            flip: false, // Enabled by default.
        }),
    ],
}