Tailwindcss Perspective

screenshot of Tailwindcss Perspective
tailwind

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.
tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

github-pages
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

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.