Почему не пропадает hover в ресайзе?

Максим Ленский, но может тогда объясните в чем проблема у меня?

Почему не пропадает hover в ресайзе?

Максим Ленский, то есть должно работать так-же как в примере моем на codepen в десктопном разрешении. Но при ресайзе ховер не пропадает

Почему не пропадает hover в ресайзе?

Максим Ленский, да, у вас в примере такой проблемы нету, но еще один недочет, мне нужно чтобы до нажатия были обычные полосы, а сжимались при ховере.. И так у меня с любым интерактивным элементом на странице...

Почему не пропадает hover в ресайзе?

Ankhena,

Почему не пропадает hover в ресайзе?

Максим Ленский, грубо говоря - да, но как я понял у вас нету hover в css

Ankhena, сожмите и экран до любого размера и нажмите на бтн

Почему не пропадает hover в ресайзе?

Максим Ленский, залил, извиняюсь, что сразу не дал подробного объяснения. Просто мне казалось, что это простая и распространенная ошибка

Почему не пропадает hover в ресайзе?

Получается при клике, превращается в крестик, но hover эффекты не пропадают и крестик цвета hover и с не правильной шириной...

при ховере

после клика

Почему не пропадает hover в ресайзе?

Максим Ленский, Это происходит со всеми активным элементами на странице, ссылки, кнопки и т.д. Самое раздражающее бтн раскрытия мобильного меню. Это 3 спана в диве, которые при ховере немного меняют свою ширину, а при клике превращаются в крестик. Вот часть кода с ним:

html

<div class="burger-menu">
            <span id="left" class="burg"></span>
            <span id="right" class="burg"></span>
            <span id="none" class="burg"></span>
          </div>

css

burger-menu {
  display: none;
  position: relative;
  width: 30px;
  height: 23px;
  cursor: pointer;
  z-index: 30;
}

.burg {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000;
  transition: width 0.2s ease, top 0.2s ease, background-color 0.2s ease,
    transform 0.2s ease, opacity 0.2s ease;
}

.burg:nth-child(2) {
  top: 10px;
}

.burg:nth-child(3) {
  top: 20px;
}

.burger-menu:hover .burg {
  background-color: var(--main-color);
}

.burger-menu:active .burg {
  background-color: var(--active-color);
}

.burger-menu:hover .burg:nth-child(2) {
  width: 25px;
}

.burger-menu:hover .burg:nth-child(3) {
  width: 18px;
}

.burg:not(:last-child) {
  margin-bottom: 7px;
}

реализация jquery

$(".burger-menu").on("click", () => {
    $("#none").css("opacity", "0");
    $("#left").css({
      transform: "translateY(10px) rotate(45deg)",
    });
    $("#right").css({
      transform: "rotate(-45deg)",
    });

    if ($("#none").css("opacity") === "0") {
      $("#none").css("opacity", "1");
      $("#left").css("transform", "translateY(0px) rotate(0)");
      $("#right").css("transform", "rotate(0)");
    }

    $(".burger_list").slideToggle(400);
  });

Почему не пропадает hover в ресайзе?

Максим Ленский, да, прикинь

Как получить продолжительность видео?

<video class="video">
          <source src="./video.webm" type="video/mp4" />
        </video>

video = document.querySelector(".video");
  console.log(video.duration); // Infinity

Как получить индекс объекта в localStorage?

Дмитрий Беляев, решил все так: каждому ключу дал числовое значение localStorage.length и через length - 1 брал ключ )

Как получить индекс объекта в localStorage?

Если точнее, мне нужно как-то получать индекс последнего или определенного объекта в localStorage

Как убрать элемент из события?

без точки так-же не получилось, второй вариант не понял

Как исправить цикл while?

спасибо!)

Не пойму как правильно связать конструкторы с циклом?

Спасибо, просмотрел)

Как сгенерировать массив дней недели за определённый месяц?

MagnusDidNotBetray, Окей, спасибо)

Как сгенерировать массив дней недели за определённый месяц?

Все работает, спасибо огромное!) Но можно как-то объяснить или попроще написать этот код?)

Как сверстать такие линии?

Вот пример рамки
<div class="test">text</div>

.test {
    width: 200px;
    height: 300px;
    border-top: 5px solid #4169E1;
    border-left: 5px solid #4169E1;
}

Как заполнить пустой массив со своими значениями?

И еще вопрос, как это реализовать если одно из чисел диапазона отрицательное? Я немного изменил код, чтобы выводилось случайное число, но все ломается если например n = 5 а m = -10

let arr = [];                        // Мне нужно создать пустой массив

let count = (n, m , l)=>{            //и сделать счетчик
  while(n <= m && arr.length < l){   // от n до m И делать это до определенного length
    arr.push(Math.floor(Math.random() * (m - n + 1)));                   //  будет его заполнять числами
  }
}
count(3, 17, 9); // n, m, length
console.log(arr); // [3, 4, 5, 6, 7, 8, 9, 10]
console.log(arr.length); // 8

Как заполнить пустой массив со своими значениями?

спасибо!) а через for можно такое-же решение?)