Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Unused CSS Stages Flexbox and Multi-Column Layout Multi-Column Layout: WebKit Only

Fedor Andreev
Fedor Andreev
6,438 Points
Posted by Fedor Andreev
Fedor Andreev
6,438 Points

Is the -webkit prefix only for chrome?

What does Firefox use? I'm so confused..

3 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Firefox uses the Mozilla engine so the prefix is -moz-

Internet explorer Microsoft -ms-

iOS: -webkit-

Opera: -o-

Safari: -webkit-

Chrome: webkit-

so you would use them as follows:

-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-ms-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;

There is in fact a big list but you don't really have to worry about the rest unless your doing something very specific to target older or more obscure browsers.

bothxp
bothxp
16,510 Points
bothxp
bothxp
16,510 Points

And isn't the newest Opera release WebKit based too?

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

I did hear they were moving to webkit but didn't know it was out now. Just Googled it and yes your right it now has a webkit release.