What is -webkit- for?

Question

i see css animation...
Some animation use -webkit-animation-....
some animation not...
what is the use?

Answer 1

It is vendor prefix.

Means newer versions of css or some newer property may not work in browser as they are newly release and browser has to update to support it.

So there are vendor prefix for different browser , which can be used so they can be used in browser even if they support it or not.

Hope this helps ☺️☺️.

Answer 2

-mozkik- is a the vendor prefix for Mozilla Firefox

-ms- is the vendor prefix for Internet Explorer

-webkit- is the vendor prefix for Chrome and Safari

These above prefixes are what enable your CSS to display as expected on various browsers

Answer 3

Good to see the usage details is covered I ll just add what is this

webkit, moz, ms

well they are the Cross platform web browser engines responsible for rendering .

when we do css we see beautiful graphics, but a lot of heavy lifting is done behind the scenes for each css we use, these webkit (c++ codes) do that heavy lifting.

and thousands of lines of C++, is called for those few lines of css codes by the browser.

and that webkit c++ code always gets updated and new features are added by developers , so some times to access those new features we use these prefixes in our css

Answer 4

I want only precise that common prefix are:

-moz- for mozilla

-o- for opera

-webkit- for webkit based

-ms- for microsoft browsers

Answer 5

google chrome

Answer 6

Happy that helped☺️☺️.

Answer 7

I have forgetted to link web references on it
https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS#Handling_CSS_prefixes

https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

Answer 8

Thanks Morpheus KrOW !👍😂

Answer 9

Meet Mehta it helped me sooo much! Thanks for the information!!!

Answer 10

Yahiko thanks for giving me the info about each browser!😁😁😁

Answer 11

Pari Gupta Chrome and Safari use -webkit-

Answer 12

👍👍👍👍

Answer 13

Apple is a special snowflake. They always think they are something special because they remove something or make it hard to use and call it brave.

Answer 14

i dont know about that

Answer 15

Webkit is a web browser rendering engine used by Safari and Chrome (among others, but these are the popular ones).

The -webkit prefix on CSS selectors are properties that only this engine is intended to process, very similar to -moz properties. Many of us are hoping this goes away, for example -webkit-border-radius will be replaced by the standard border-radius and you won't need multiple rules for the same thing for multiple browsers. This is really the result of "pre-specification" features that are intended to not interfere with the standard version when it comes about.

Answer 16

if you want to add some properties only for google chrome, then you have to use this.

Answer 17

it is used for chrome

Answer 18

DataBricks is an organization and big data processing platform founded by the creators of Apache Spark. collaborative robot. A collaborative robot, also known as a cobot, is a robot that is capable of learning multiple tasks so it can assist human beings.
CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files.