Webkit support for gradient transitions

后端 未结 5 872
灰色年华
灰色年华 2020-11-30 10:54

Im wondering if anyone know when will webkit support transitions of gradients?
for example, the following code doesnt work in Chrome 6 (assuming grad-transition is a lin

5条回答
  •  野性不改
    2020-11-30 11:19

    I'm working on JS lib which makes a transition for gradients possible: It already can be used for linear gradients. Usage:

        var button = $('#button');
        var targetGradientString = 'linear-gradient(rgb(247, 91, 52) 0%, rgb(240, 233, 93) 25%, rgb(43, 245, 12) 50%, rgb(24, 85, 240) 75%, rgb(166, 39, 230) 100%)';
        var targetElement = $('#target');
        
        button.click( function() {
            targetElement.gradientTransition(targetGradientString, 1500, 60);
        });
    

    github Demo

提交回复
热议问题