How to choose the right CSS properties

1

Autoprefixer

The first way, using filter, actually performs better because browsers can use hardware acceleration. However, it's not supported in IE11. So, if your users use IE11, you might want to avoid using filter. Alternatively, some browsers offer compatibility through the use of prefixes like -webkit-animation instead of animation. Many projects these days use a form of Autoprefixer to automatically do this for you.

#Developer Tools #Design Tools #CSS Framework 22 social mentions

2

Can I use

Whenever you're in doubt about what CSS to use, you could check which approach works best in all browsers. Test your solution in Safari or Internet Explorer, or use Caniuse to check if something is supported in all (or enough) browsers. If there is a clear difference, you'll have your answer.

#Website Testing #Browser Testing #CSS 342 social mentions