By default, this Autoprefixer tool uses the latest version. If you want to use an older version, select it from the dropdown. It may take a few seconds (approximately 30 seconds) to load the new package. After changing the version, make sure to update the input CSS code and enable the configuration comment to verify if the selected version is applied.
Autoprefixer is a powerful PostCSS plugin developed by Andrey Sitnik , a front-end developer and creator of several transformative tools. This tool parses your CSS and automatically adds vendor prefixes, ensuring compatibility across different browsers. The Autoprefixer tool uses data from browserl.ist.
Our tool always utilizes the latest released versions of Autoprefixer and PostCSS to provide cutting-edge compatibility, but you also have the flexibility to select earlier versions if needed.
This tool offers a wide range of features:
PostCSS is a modern toolchain for transforming CSS with JavaScript-based plugins. It was created by Andrey Sitnik during his work at Evil Martians and has since become a cornerstone of the front-end development ecosystem. PostCSS enables developers to automate CSS tasks such as linting, minifying, and adding custom syntax or features, which makes it highly extensible and customizable. Learn more on the PostCSS Wikipedia page .
Here is a simple example for you to try:
/* Input CSS */
.example {
display: flex;
}
/* Output CSS */
.example {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}