Autoprefixer tries to make your website looks the same across different browsers

Autoprefixer tries to make your website looks the same across different browsers

firefox_2019-02-25_01-00-24.png

Being a complete newbie designer very soon I was ran into the famous browser incompatibility issue. There are so many different vendors of browser and each of them read the CSS differently.

  -webkit-transition: background-color 200ms ease, font-size 200ms ease;
  -o-transition: background-color 200ms ease, font-size 200ms ease;
  transition: background-color 200ms ease, font-size 200ms ease;
//these 3 line are reffering the same effect

Autoprefixer is a saviour to this issue. I wasn’t using any CSS preprocesor in the project yet like LESS and SCSS, they might help to resolve this issue beforehand. If you were using plain CSS file like me and asking for least trouble of browser compatibility issue, this handy tool based on autoprefix will helps a lot.


Posted from my blog with SteemPress : https://fr3eze.vornix.blog/autoprefix-tries-to-make-your-website-looks-the-same-across-different-browsers/


This page is synchronized from the post: ‘Autoprefixer tries to make your website looks the same across different browsers’

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×