JQuery Fade Градиентный фон - PullRequest
2 голосов
/ 23 мая 2011

Я пытаюсь найти способ исчезнуть градиентный фон.Я использовал плагин цвета, и я могу выцветать фон одного цвета, или JqueryUI, который может выделить фон, но я не могу найти способ исчезнуть градиентный фон.Кто-нибудь есть идеи, как это сделать?

.bg1
    {
     background:#f39d1a;
     background:-moz-radial-gradient(50% 0% 164deg,circle closest-corner, #F39D1A, #D98C15);
     background:-webkit-gradient(radial, 50% 0, 800, 50% 0, 300, from(#DA8C16), to(#F39D1A));
    }
.bg2
    {
     background:#06327b;
     background:-moz-radial-gradient(50% 0% 164deg,circle closest-corner, #032358, #06327b);
     background:-webkit-gradient(radial, 50% 0, 800, 50% 0, 300, from(#032358), to(#06327b));
    }

Пример ... анимировать div, который имеет элемент bg1 для элемента bg2.

Спасибо

1 Ответ

1 голос
/ 16 декабря 2011

Webkit еще не совсем.Но похоже, что они зашли довольно далеко.

https://bugs.webkit.org/show_bug.cgi?id=21725

Недавно принятый список изменений по интересам.

http://trac.webkit.org/changeset/102388

Обходной путь может бытьиспользовать градиент, который исчезает из прозрачного в цвет.Поместите это поверх элемента без градиента, на котором вы фактически можете выполнить цветную анимацию.Тем не менее, я не уверен, что это удовлетворит ваши потребности.

...