Подтвердить что ты не робот

Цветовая анимация jQuery + RGBA

Кто-нибудь знает, может ли jQuery обрабатывать анимацию, например:

rgba(0,0,0,0.2) → rgba(0,255,0,0.4)

Я знаю, что есть плагин для обработки цветных анимаций, но это может быть слишком современным?

4b9b3361

ОТВЕТЫ

Ответ 2

Использование анимации CSS3 (без javascript)

Вы также можете добиться такого же эффекта, используя анимацию CSS3. См. Ниже,

Шаг 1: Создайте ключевой кадр для вашей анимации

@keyframes color_up {
    from {
        background-color: rgba(0,0,0,0.2);
    }
    to {
        background-color: rgba(0,255,0,0.4);
    }
}

Шаг 2: Используйте правила анимации.

  animation-name: color_up;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;

DEMO: http://jsfiddle.net/2Dbrj/3/

Использование jQuery

jQuery теперь поддерживает цвет анимацию с поддержкой RGBA. Это фактически оживляет от одного цвета к другому.

$(selector).animate({
  backgroundColor: 'rgba(0,255,0,0.4)'
});

DEMO: http://jsfiddle.net/2Dbrj/2/

Ответ 3

используйте jquery UI для управления, $(object).animate({color : 'rgba(0,0,0,.2)'},500)