jQuery functions and selectors 12/13 css?


#1



https://www.codecademy.com/en/courses/web-beginner-en-GfjC6/2/3?curriculum_id=50a3fad8c7a770b5fd0007a1


I don't have any problems with this lesson. I'm just curious about how the CSS works in this lesson. There are some parts that I don't understand like "-webkit-box-shadow" and "-moz-box-shadow".


Replace this line with your code.


#2

Browsers have vendor prefixes in order to make certain properties work.
-moz- Firefox
-webkit- Safari & Chrome

-more vedor prefix MDN

I hope this answers your question


#3

you do know box-shadow? It gives shadow to a box (there is a surprise)

the -moz and -webkit are browser prefixes. prefixes are used with experimental css property's, mdn has a page about it (link) box shadow is now standardized, so browser prefixes are no longer needed, this you can find here


#4

Hi
the three lines

    -webkit-box-shadow: 0 0 8px #FFD700;
    -moz-box-shadow: 0 0 8px #FFD700;
    box-shadow: 0 0 8px #FFD700;

give the same information : put a shadow to something. The lines with the prefixes webkit and moz ensures that these commands are understood by the (Chrome, Safari) and Mozilla browsers respectively. You can also have a look at
http://www.cssmatic.com/box-shadow
to play interactively with the parameters

You can also have a look at


to better understand the prefixes webkit and moz
Cheerio