Градиенты не работают в jQuery

Вот код:

$('#pocetak h1.rastavljac').css({
    'background':'#3578ff;',
    'background':'-moz-linear-gradient(left,  #3578ff 0%, #7AA6ff 15%, #7AA6ff 85%, #3578ff 100%)',
    'background':'-webkit-gradient(linear, left top, right top, color-stop(0%,#3578ff), color-stop(15%,#7AA6ff), color-stop(85%,#7AA6ff), color-stop(100%,#3578ff))',
    'background':'-webkit-linear-gradient(left,  #3578ff 0%,#7AA6ff 15%,#7AA6ff 85%,#3578ff 100%)',
    'background':'-o-linear-gradient(left,  #3578ff 0%,#7AA6ff 15%,#7AA6ff 85%,#3578ff 100%)',
    'background':'-ms-linear-gradient(left,  #3578ff 0%,#7AA6ff 15%,#7AA6ff 85%,#3578ff 100%)',
    'background':'linear-gradient(to right,  #3578ff 0%,#7AA6ff 15%,#7AA6ff 85%,#3578ff 100%)',
    'filter':'progid:DXImageTransform.Microsoft.gradient( startColorstr="#3578ff", endColorstr="#3578ff",GradientType=1 )',
    'color':'#FFFFFF','transition':'all 600ms ease 0s'});

Теперь все это отлично работает в настольных браузерах, но в браузере Android и в браузере IOS цвета не меняются. Однако, немного повозившись, я обнаружил, что если я поставлю свойство web-kit последним, оно отлично работает на мобильных платформах, но тогда оно не работает в Firefox на рабочем столе :(. Есть идеи?