This plugin generates necessary classes for perspective, rotation, translate, scale and many other transforms.
Works with tailwindcss autocomplete extension for VSCode editor.
We currently supports,
- translateX, translateY, translateZ, translate3d
- rotateX, rotateY, rotateZ, rotate3d
- scaleX, scaleY, scaleZ, scale3d
- perspective
- backface-visibility
- perspective-origin
- transform-style
- transform-box
- flip
To quickly get started, learn how to use tailwind-3d-transforms in your project.
You can find the documentation on the website.
Check out quick-start guide to quickly install and configure your tailwindcss environment to use tailwind 3d transform plugin.
The documentation has following sections.
You can also improve the documentation by creating pull requests by clicking on "Edit this page" link on every documentation page. You are welcome to do this if you find useful improvements or points I may have missed.
Our goal is to make 3d transforms available for tailwindcss. I completed the v1.0.3 of this plugin myself. I hope the community find this useful and maintain and further develop this repository.
If you have an issue, you can open an issue here. To create a new issue, click on New Issue button.
To contribute by extending this library, please first fork the library, and then implement your proposed changes. Finally, when you're done, create a PR(Pull Request) in this repository. Please note that in order to merge, we need to pass the automated tests including documentation. We do at pull-request time also.
Thank You Very Much 😊.
Tailwind-3dTransform-Plugin is MIT Licensed.