Плавное изменение прозрачности или цвета фона js

Question

Плавное изменение прозрачности или цвета фона js

Dlzder Dlzder Ученик (138), на голосовании 1 год назад

Нужно менять цвет фона когда мышка уходит с элемента, но при смене фона то выглядит дергано. Я сразу же решил вынести в отдельный блок и менять его opacity, это сработало, но как только мне понадобилось добавить еще один блок прослушиватели отказались работать, а вложить элемент в мой блок с фоном я не могу так как opacity влияет на него. Как быть?
https://codepen.io/Dlazder/pen/yLqpwXZ
Мне нужно добавить текст, кнопки в карточку, но они должны быть под бликом. Заранее спасибо!

Answer 1

Жук Лесной Мыслитель (9253) 1 год назад

больше кадров

Dlzder DlzderУченик (138) 1 год назад

Написать интервал чтобы в 100500 строчек менялся фон?

Жук Лесной Мыслитель (9253) Dlzder Dlzder, ну да

Answer 2

Саня Соловьев Гуру (3341) 1 год назад

Transition на CSS не устраивает?

DlazderМудрец (16927) 1 год назад

Нет, не покрывает потребностей

Answer 3

Поиграйся с этими параметрами:

 transition: 1s;

Время для эффекта, у тебя там 0,2 сек сейчас

Answer 4

Саня Семенов Оракул (60497) 1 год назад

говнокод такой что проще выкинуть и написать нормально но очухал https://codepen.io/norbert123/pen/qBMxPQa

DlazderМудрец (16927) 1 год назад

Спасибо, но блик над текстом, а должен быть под ним... В этом основная проблема...

Саня Семенов Оракул (60497) Dlazder, убери position: absolute у .shine

Answer 5

Яков Гото Искусственный Интеллект (320886) 1 год назад

Они у тебя и так под бликом. Может над бликом?

 .ui { 
  position: absolute; 
  pointer-events: none; 
  z-index: 1000; 
  padding: 20px; 
  color: white; 
  font-size: 20px; 
  font-family: sans-serif; 
}

DlazderМудрец (16927) 1 год назад

Верно, но к блику применяется opacity, ибо плавное изменение background сделать не смог, и оно действует на ui

Dlazder Мудрец (16927) Dlazder, ой, только сейчас увидел что вопрос неправильно задал, ввел людей в заблуждение