Анимация

@Appi · Регистрация: 18.02.2015

Author24 — интернет-сервис помощи студентам

Javascript

1	$('#anim-header').css('background','linear-gradient(184deg, #db4437 43%, transparent 43.34%)');

Данный код, не работает, не смотря на то, что в css в компоненте .anim-header { transition: 5s all; }

Выглядит все так:

HTML5

1	<section class="content-linear" style="background: linear-gradient(176deg, #db4437 43%, transparent 43.34%);"></section>

Окей, попробовал так:

Javascript

$( "#anim-header" ).animate({
            background: "linear-gradient(184deg, #db4437 43%, transparent 43.34%)",
            opacity: 0.4,
            marginLeft: "0.6in",
            fontSize: "3em",
            borderWidth: "10px"
          }, 1500 );

Результат тот же, все работает, отступ делает, шрифт меняется, прозрачность растет. А Вот градиент не меняет.

Кто подскажет решение?

@mrtoxas · 20.08.2016, 10:46

Есть плагин для jQuery color-animation, можете поковырять.

@mrtoxas 3826 / 2676 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	20.08.2016, 10:46	2
	Есть плагин для jQuery color-animation, можете поковырять. 0

Опции темы