Can't reverse the gradient color.

Hi for some reason I can't reverse the direction of the gradient using the example Guil showed us in Firefox. I have the latest version. In the example he added the keyword "bottom" before the first color followed by a comma. That's not working for me on Firefox. Did they update it and it now requires a different syntax? Because I noticed that when I used the vendor prefix also for the gradient it didn't work but it worked without the vendor prefix. i.e.

.box {
background: linear-gradient(blue, orange);
}

is there a different syntax for reversing the colors, besides just switching the colors in the parentheses around? This isn't working;

.box {
  background: linear-gradient(bottom, blue, orange)
}

It also doesn't work with the vendor prefix so I left it out in the code example.

However when I use the degrees value it works, but it's producing different results for me. For example

.box {
  background: linear-gradient(0deg, crimson, orange);
}

Gives Guil a horizontal gradient from left to right, but I'm getting a vertical gradient from bottom to top and

.box {
  background: linear-gradient(90deg, crimson, orange);

produces a horizontal gradient from left to right for me but it gives Guil a vertical gradient from top to bottom. I also tried different values like 45deg, 180deg etc and noticed that the gradient begins at the bottom and moves in a clockwise direction and not a counterclockwise direction as Guil stated.

Could someone explain for me what's going on here?

Thanks