PNG  IHDR;IDATxܻn0K )(pA 7LeG{ §㻢|ذaÆ 6lذaÆ 6lذaÆ 6lom$^yذag5bÆ 6lذaÆ 6lذa{ 6lذaÆ `}HFkm,mӪôô! x|'ܢ˟;E:9&ᶒ}{v]n&6 h_tڠ͵-ҫZ;Z$.Pkž)!o>}leQfJTu іچ\X=8Rن4`Vwl>nG^is"ms$ui?wbs[m6K4O.4%/bC%t Mז -lG6mrz2s%9s@-k9=)kB5\+͂Zsٲ Rn~GRC wIcIn7jJhۛNCS|j08yiHKֶۛkɈ+;SzL/F*\Ԕ#"5m2[S=gnaPeғL lذaÆ 6l^ḵaÆ 6lذaÆ 6lذa; _ذaÆ 6lذaÆ 6lذaÆ RIENDB` # Autoprefixer [![Cult Of Martians][cult-img]][cult] [PostCSS] plugin to parse CSS and add vendor prefixes to CSS rules using values from [Can I Use]. It is recommended by Google and used in Twitter and Alibaba. Write your CSS rules without vendor prefixes (in fact, forget about them entirely): ```css ::placeholder { color: gray; } .image { background-image: url(image@1x.png); } @media (min-resolution: 2dppx) { .image { background-image: url(image@2x.png); } } ``` Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the [interactive demo] of Autoprefixer. ```css ::-moz-placeholder { color: gray; } ::placeholder { color: gray; } .image { background-image: url(image@1x.png); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .image { background-image: url(image@2x.png); } } ``` Twitter account for news and releases: [@autoprefixer]. Sponsored by Evil Martians [interactive demo]: https://autoprefixer.github.io/ [@autoprefixer]: https://twitter.com/autoprefixer [Can I Use]: https://caniuse.com/ [cult-img]: http://cultofmartians.com/assets/badges/badge.svg [PostCSS]: https://github.com/postcss/postcss [cult]: http://cultofmartians.com/tasks/autoprefixer-grid.html ## Docs Read **[full docs](https://github.com/postcss/autoprefixer#readme)** on GitHub.