Анимация background-color: rgba('0', '0', '0', '0')?

Question

[furcifer]

Вечер добрый! не срабатывает анимация , что не так сделал?

$('.order_wrap').mouseover(function(){ 
		$(this).find( '.mask' ).animate( {backgroundColor:  'rgba(0,0,0,0.4) ' });
	}); 
	$('.order_wrap').mouseout(function(){ 
		$(this).find( '.mask' ).animate( {backgroundColor:  'rgba(0,0,0,0.5)' });
	});

Answer 1

[Serj-One]

.animate не работает для подобных параметров.
Вообще, анимации в js - зло. Выноси все анимации в css, а через js добавляй/удаляй класс состояния.
Это глобально. В твоём случае необходимости в js вообще не вижу, анимация будет работать через css ховер.

Comments

[furcifer]

мне нужно чтобы задержка была,

.mask{
	position:absolute;
	top:0;left:0;
	width:100%;
	height:310px;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition: background-color 2s;
  transition: background-color 2s;
}	
.mask:hover{
	background: rgba(0, 0, 0, 0.6);
}

но тоже что то не получается

[Serj-One]

furcifer,

мне нужно чтобы задержка была

/* имя свойства | длительность | задержка */
transition: background-color 4s 1s;
https://developer.mozilla.org/ru/docs/Web/CSS/tran...