What CSS3 features still need vendor prefixes?

css vendor-prefix
Gabriel West picture Gabriel West · Feb 24, 2017 · Viewed 10.4k times · Source

The most common features I remember needing prefixes for were features such as flexbox, border-radius, box-shadow, etc... but now they are supported. With more users switching to more powerful browsers like Chrome and Firefox and away from IE, are there still features now that haven't been fully supported and require prefixes?

Answer

Jim Ratliff picture Jim Ratliff · Jun 18, 2019

Use the site http://shouldiprefix.com. It has the single purpose to "show what prefixes are needed for a newer CSS property."

Just enter the property you're interested in the search field, and it will return something like the below graphic:

enter image description here

Related questions

List of CSS vendor prefixes?

Besides the following list, are there other CSS vendor prefixes that are important for web development? Are my definitions correct? Should I be more specific about mobile browsers (mobile Webkit, e.g.) -khtml- (Konqueror, really old Safari) -moz- (Firefox) -o- (…

Read More
How do I apply vendor prefixes to inline styles in reactjs?

CSS properties in React are not automatically added with their vendor prefixes. For example, with: <div style={{ transform: 'rotate(90deg)' }}>Hello World</div> In Safari, the rotation wouldn't be applied. How do I get that …

Read More
What is the -mso- prefix for in CSS?

I understand what other browser specific code names such as -moz- and -webkit- are used, the former for mozilla and the later for chrome and safari, but what is -mso- exactly? It stands for Microsoft Office, but a web page …

Read More