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 CSS Foundations CSS Gradients Linear Gradients

Sawyer Lahr
Sawyer Lahr
2,211 Points
Posted by Sawyer Lahr
Sawyer Lahr
2,211 Points

What is the webkit?

What is the webkit when used in a rule? Where does it come from?

1 Answer

ixrevo
ixrevo
32,051 Points
ixrevo
ixrevo
32,051 Points

Hi!

-webkit- is a vendor prefix.

CSS vendor prefixes or CSS browser prefixes are a way for browser makers to add support for new CSS features in a sort of testing and experimentation period. Browser prefixes are used to add new features that may not be part of a formal specification and to implement features in a specification that hasn’t been finalized.

For example,

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

-webkit-, -moz-, -ms-, -o- are vendor prefixes.

-webkit- for webkit based browsers like Safari. -moz- for Mozilla Firefox

and so on.

There you could read more about it.

And there too

Seth Barthen
Seth Barthen
11,266 Points
Seth Barthen
Seth Barthen
11,266 Points

Also, I believe Opera just switched over to -webkit- as well. So I don't think you'll have to worry about -o- anymore

ixrevo
ixrevo
32,051 Points

You are perfectly right, Seth. http://en.wikipedia.org/wiki/Blink_(layout_engine)