Задать вопрос
SvyatYa

Святослав

FrontEnd developer
Ответы пользователя по тегу HTML

  • Как изменить цвет иконки при активном инпуте?

    SvyatYa
    @SvyatYa
    FrontEnd developer
    Ты фокусишь форму только в момент клика, и active и focus у тебя потом встаёт на input.
    В итоге поэтому и моргает, т.к. у тебя фокус на форму, а не на input.

    Переделай иконку с after формы на after инпута.
    Ответ написан
    Комментировать
    Комментировать

  • Возможно ли добавить плавность в данной ситуаций?

    SvyatYa
    @SvyatYa
    FrontEnd developer
    Сделай:
    .submenu {
  max-height: 0;
  overflow: hidden;
  transition: 0.2s (вот это и отвечает за анимацию)
}
.active {
  max-height: 30px;
  transition: 0.2s
}


    Проблема этого метода, что надо заранее знать высоту контента внутри.
    Иначе если поставить max-height больший чем свой контент, то можно заметить задержки в анимации.
    Никаких jq в анимациях не надо использовать.
    Ответ написан
    Комментировать
    Комментировать

  • Как выйти за пределы div content?

    SvyatYa
    @SvyatYa
    FrontEnd developer
    Можешь задать блоку такой стиль:
    .inner {
    margin-left: calc(-50vw + 50%);
    width: 100vw;
}


    Тогда внутренний блок растянется на всю ширину страницы, от этого можешь оттолкнуться и сделать нужную тебе ширину.
    Внутри этого блока сделаешь еще один, и просто там
    margin: 0 auto
    отцентрируешь контент
    Ответ написан
    Комментировать
    Комментировать