11
Июн
2021

Как убрать фриз при появлении блока с background image?

wrapper.classList.add('active__display')
setTimeout(() => {
  wrapper.classList.add('active__opacity')
}, 1)
.wrapper {
  width: 100%;
  height: 100vh;
  justify-content: space-around;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition-property: opacity, visibility;
  transition-duration: .5s;
}

.active__display {
  display: flex;
}

.active__opacity {
  opacity: 1;
  visibility: visible;
}

Источник: https://ru.stackoverflow.com/questions/1294068/%D0%9A%D0%B0%D0%BA-%D1%83%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D1%84%D1%80%D0%B8%D0%B7-%D0%BF%D1%80%D0%B8-%D0%BF%D0%BE%D1%8F%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B8-%D0%B1%D0%BB%D0%BE%D0%BA%D0%B0-%D1%81-background-image

Тебе может это понравится...

Добавить комментарий