autoprefixer.github.io
Open in
urlscan Pro
2606:50c0:8000::153
Public Scan
URL:
https://autoprefixer.github.io/
Submission: On November 01 via manual from US — Scanned from DE
Submission: On November 01 via manual from US — Scanned from DE
Form analysis 1 forms found in the DOM
<form action="" class="filter js-filter">
<label class="filter__text">Browserslist</label>
<input type="text" class="filter__input js-browsers-filter" placeholder="> 1%, last 2 versions">
<input type="submit" class="filter__apply button" value="Apply">
</form>Text Content
AUTOPREFIXER CSS ONLINE
Autoprefixer is a PostCSS plugin which parses your CSS and adds vendor prefixes
Postcss: v8.4.14, autoprefixer: v10.4.7
.example { display: grid; transition: all .5s; user-select: none; background:
linear-gradient(to bottom, white, black); }
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
.example {
display: -ms-grid;
display: grid;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
background: -o-linear-gradient(top, white, black);
background: linear-gradient(to bottom, white, black);
}
Browserslist
include comment with configuration to the result
Select result
You can also see which browsers you choose by filter string on browsersl.ist
*
*
*
*
*
WHAT IS IT
Autoprefixer online — web repl for original Autoprefixer. It parses your CSS and
adds vendor prefixes to CSS rules using values from Can I Use. It is recommended
by Google and used by Twitter and Taobao.
HOW DOES IT WORK
The Autoprefixer uses data on the popularity of browsers and support for vendor
prefixes by browsers. Based on this information, it arranges and deletes the
prefixes. It can help you get prefixes for: animations, transition, transform,
grid, flex, flexbox and others.
BROWSER FILTER
You can configure which browsers to generate prefixes for in the distribution.
More details on the syntax are in the documentation. There is also a block in
the FAQ.
OPTIONS
The IE grid layout polyfill is enabled, which is not by default in autoprefixer.
BIG THANKS
To Andrey Sitnik, author of PostCSS, Autoprefixer, browserslist and other
awesome tools.
Autoprefixer online, also known as: prefixer, prefix generator, cross browser
css generator, vendor prefixes generator.
2017 © Autoprefixer Online by ymatuhin / По-русски / En Français /
Em Português / 中文