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. Please ask a new question if you need help.

Major lag using css3 gradient property

  • No replies
  • 3 have this problem
  • 9 views
incube
incube
more options

I'm using this css3 in my website, for the background of a kind-of-blog section: background-image: -moz-linear-gradient(0pt 50% , transparent 5px, rgba(232, 232, 232, 0.9) 50%);

It seems to cause a major lag for the browser in firefox. The opposite: background-image: -webkit-gradient(linear, left top, right top, color-stop(0.35, rgb(240,240,240)), color-stop(0.34, rgb(232,232,232)));

is used also. And there is no lag at all in chrome or IE. In fact, I saw it's the used of this property and with the : background-size: 10px auto;

Using this last property cause the lag. But it's the only way I make it work for the my design pattern I would have. (like a fabric pattern).

There is another way to use it? Firefox knows there is a problem with the use of that property ?

I'm using this css3 in my website, for the background of a kind-of-blog section: background-image: -moz-linear-gradient(0pt 50% , transparent 5px, rgba(232, 232, 232, 0.9) 50%); It seems to cause a major lag for the browser in firefox. The opposite: background-image: -webkit-gradient(linear, left top, right top, color-stop(0.35, rgb(240,240,240)), color-stop(0.34, rgb(232,232,232))); is used also. And there is no lag at all in chrome or IE. In fact, I saw it's the used of this property and with the : background-size: 10px auto; Using this last property cause the lag. But it's the only way I make it work for the my design pattern I would have. (like a fabric pattern). There is another way to use it? Firefox knows there is a problem with the use of that property ?