CSS Drive CSS AutoPrefixer online Tool

ENTER Unprefixed CSS Code:

.topheader{
    display: flex;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

OUTPUT (with Vendor Prefixes):


.topheader{
    display: -webkit-box;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Minimize the CSS vendor prefixes generated to only cater to browsers that you care about by entering a valid BrowserList value. For example, the default value of "> 1%, last 2 versions" generates the appropriate CSS vendor prefixes to target browsers with either a greater than 1% usage around the globe, OR (in addition to) the last 2 versions of all major browsers.

Multiple criteria are combined as a boolean OR. Here are some valid filter queries:

last 2 versions: the last 2 versions for each major browser.
last 2 Chrome versions: the last 2 versions of Chrome browser.
> 5%: versions selected by global usage statistics.
> 5% in US: uses USA usage statistics. It accepts two-letter country code.
> 5% in my stats.
ie 6-8: selects an inclusive range of versions.
Firefox > 20: versions of Firefox newer than 20.
Firefox >= 20: versions of Firefox newer than or equal to 20.
Firefox < 20: versions of Firefox less than 20.
Firefox <= 20: versions of Firefox less than or equal to 20.
Firefox ESR: the latest [Firefox ESR] version.
iOS 7: the iOS browser version 7 directly.
not ie <= 8: exclude browsers selected before by previous queries. You can add not to any query.

Major Browser Keyword:

Chrome for Google Chrome.
Firefox or ff for Mozilla Firefox.
Explorer or ie for Internet Explorer.
Edge for Microsoft Edge.
iOS or ios_saf for iOS Safari.
Opera for Opera.
Safari for desktop Safari.
ExplorerMobile or ie_mob for Internet Explorer Mobile.

For more info, see the Browserlist page.

CSS AutoPrefixer intelligently adds CSS vendor prefixes to your unprefixed CSS codes based on real world usage, to avoid unnecessary prefixes and bloat. Powered by PostCSS and AutoPrefixer, with browser compatibility and filters provided by CanIUse and BrowserList.

CSS AutoPrefixer v1.01. CSS Drive. Powered by PostCSS Autoprefixer