CODEWITHSUNDEEP
csslinear-gradients
Aviel Fedida
Aviel Fedida

Reputation: 4102

CSS -moz-linear-gradient

I was trying to understand some syntax of -moz-linear-gradient, This is what i am trying to understand: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);, I was looking Here, and Here, But i did not find the syntax as above the syntax is from: This pagination style(with gradient), I did understand the deg, and the colors but what is the 0% 0% doing?, If anyone can explain i will be very thankful, Thank you all and have a nice day.

Upvotes: 0

Views: 1391

Answers (1)

daniel__
daniel__

Reputation: 11845

I found this link:

Since the -moz-linear-gradient(19% 75% 90deg, #FA8246, #BB5422) syntax is only for Firefox 3.5 (i am not sure about this) and older, we think it makes sense to teach the newer (and simpler) -moz-linear-gradient(top, #FA8246, #BB5422) syntax instead.

Anyway, you should adopt what is in the documentation now.

Something like this works, like replacing the position (left, right):

 background-image: -moz-linear-gradient(50% 0deg, white, #BB5422)

that is equal to:

 background-image: -moz-linear-gradient(0deg 50%, white, #BB5422)

http://jsfiddle.net/YjfSB/1/

Upvotes: 2

Related Questions