Tailwindcss Perspective
A little bit of utility classes related to css 3d transform
Overview:
The @kamona/tailwindcss-perspective is a utility plugin for Tailwind CSS that offers classes related to CSS 3D transform. It is designed to work with Tailwind CSS in 'jit' mode and is not yet compatible with Tailwind CSS v3.
Features:
- Perspective Classes: Includes classes like perspective-1, perspective-2, up to perspective-10 with varying perspective values.
- Rotate and Translate Classes: Offers classes for rotate-x, rotate-y, rotate-z, translate-x, translate-y, and translate-z.
- Transform-Style-3d Class: Introduces the transform-style-3d class to allow children elements to inherit a parent's perspective.
- Perspective Origin Classes: Includes classes for setting perspective origins like perspective-origin-center, perspective-origin-top, etc.
Summary:
The @kamona/tailwindcss-perspective is a Tailwind CSS plugin that enhances CSS 3D transform capabilities by providing utility classes for perspective, rotation, translation, and perspective origins. It is specifically designed to work in 'jit' mode and not yet compatible with Tailwind CSS v3. This plugin can be a useful addition for developers looking to incorporate 3D transformations into their projects efficiently.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.