jQuery functions and selectors 12/13 css?



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.


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


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


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
to play interactively with the parameters

You can also have a look at

to better understand the prefixes webkit and moz