This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Əgər kömək lazımdırsa lütfən yeni sual verin.

"top left" in linear-gradient says "invalid property value in 56.0 new bug?

slowtraveler
slowtraveler
more options

It seems that in the 56.0 the property values [top, left, bottom, right] for the first argument of the linear-gradient function do not work.

The inspector indicates an error "invalid property value" and the css is crossed out. The css is: background-image: linear-gradient( bottom right, #FF0000 43%, rgba(255, 255, 255, 0) 0% );

Substituting 315deg for the bottom right works, but is off because the div is not exactly square. I think this was introduced in the latest version because I keep up to date and it has worked for years.

It seems that in the 56.0 the property values [top, left, bottom, right] for the first argument of the linear-gradient function do not work. The inspector indicates an error "invalid property value" and the css is crossed out. The css is: background-image: linear-gradient( bottom right, #FF0000 43%, rgba(255, 255, 255, 0) 0% ); Substituting 315deg for the bottom right works, but is off because the div is not exactly square. I think this was introduced in the latest version because I keep up to date and it has worked for years.

Chosen solution

See:

Read this answer in context 👍 1

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Seçilmiş Həll

See:

slowtraveler
slowtraveler Question owner
more options

For years gradients had worked without the keyword "to" as an implied "from". Early documentation did not require the "to". "to" was suddenly required in release 56.0 (or one shortly before that) I couldn't find that change in the release notes. It would have been nice if the element inspector had a more specified error message. Thank you for the help. P.S. I could not get the second link to operate although the page came up.