Install

npm install https://github.com/subhero24/tailwindcss-3d

Add the plugin to your tailwind config file

import tailwind3dPlugin from "tailwindcss-3d";

export default {
	plugins: [tailwind3dPlugin],
};

Usage

Transform style

.3d .flat

Backface visibility

.backface-hidden .backface-visible

Rotate x

theme.rotateX

rotate-x-0: 0deg rotate-x-1: 1deg rotate-x-2: 2deg rotate-x-3: 3deg rotate-x-6: 6deg rotate-x-12: 12deg rotate-x-45: 45deg rotate-x-90: 90deg rotate-x-180: 180deg

Rotate y

theme.rotateY

rotate-y-0: 0deg rotate-y-1: 1deg rotate-y-2: 2deg rotate-y-3: 3deg rotate-y-6: 6deg rotate-y-12: 12deg rotate-y-45: 45deg rotate-y-90: 90deg rotate-y-180: 180deg