Webkit how does it work?

HTML-CSS
1

So recently I come across thing that use webkit but, how does it work? What is the syntax?

Any good links about would help? The only thing I could find was:


But most links on it are broken.

2

It’s vendor specific CSS properties, you would use it just like any other CSS properties:

.element {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}

Broken links with * mean it’s now a standard and you don’t need to use prefix, for example, instead of -webkit-appearance* just search for appearance on MDN.

Another awesome resource to know more about CSS properties and possible pitfalls is https://caniuse.com/

2 Likes
3

I prefer to never use vendor prefixes myself and just use an autoprefixer, which most module bundlers like webpack and company do out of the box. If I’m not using webpack, I’ll just avoid using anything that’s nonstandard for any reasonably modern browser.

1 Like