tailwindcss/src/plugins/transform.js

export default function () {
  return function ({ addUtilities, variants }) {
    addUtilities(
      {
        '.transform': {
          '--transform-translate-x': '0',
          '--transform-translate-y': '0',
          '--transform-rotate': '0',
          '--transform-skew-x': '0',
          '--transform-skew-y': '0',
          '--transform-scale-x': '1',
          '--transform-scale-y': '1',
          transform: [
            'translateX(var(--transform-translate-x))',
            'translateY(var(--transform-translate-y))',
            'rotate(var(--transform-rotate))',
            'skewX(var(--transform-skew-x))',
            'skewY(var(--transform-skew-y))',
            'scaleX(var(--transform-scale-x))',
            'scaleY(var(--transform-scale-y))',
          ].join(' '),
        },
        '.transform-gpu': {
          '--transform-translate-x': '0',
          '--transform-translate-y': '0',
          '--transform-rotate': '0',
          '--transform-skew-x': '0',
          '--transform-skew-y': '0',
          '--transform-scale-x': '1',
          '--transform-scale-y': '1',
          transform: [
            'translate3d(var(--transform-translate-x), var(--transform-translate-y), 0)',
            'rotate(var(--transform-rotate))',
            'skewX(var(--transform-skew-x))',
            'skewY(var(--transform-skew-y))',
            'scaleX(var(--transform-scale-x))',
            'scaleY(var(--transform-scale-y))',
          ].join(' '),
        },
        '.transform-none': { transform: 'none' },
      },
      variants('transform')
    )
  }
}