Chrome (webkit) gradient percentage

BUG! Left here in the hope that he will attract attention and possibly fix.

The problem is that chrome does (I checked!) The first half of the gradient is less than the second. My code is:

background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) fixed; 

Also tried:

 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3236), color-stop(50%,#ff3236), color-stop(50%,#000000), color-stop(100%,#000000)); background: linear-gradient(to left, #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%); 

Change / update: this is actually a mistake - updates for clarity (the top 2 blocks are a div, each 50% of the screen width is the bottom separated by a gradient): 1) Visual representation of the error: enter image description here

2) Thanx to @elstgav to host a Codepen Test

+6
source share
1 answer

At the moment (2016-11-02), this problem is fixed, I just checked these pens :

http://codepen.io/elstgav/pen/guotz

http://codepen.io/gliesche/pen/GoWMVO

in Chrome version 54.0.2840.71 m, and they all work.

However, Chrome still seems to have some problems with scaling the background gradient when it repeats:

SO link: Chrome does not update background size gradient when resizing

Chrome BT: https://bugs.chromium.org/p/chromium/issues/detail?id=604875

0
source

Source: https://habr.com/ru/post/974471/


All Articles