Телеграмм чат группы htmlbaseRu страница 3863

Size: a a a

htmlbase.ru - чат по front-end разработке

2021 July 14

Александер 😈... in htmlbase.ru - чат по front-end разработке

а чтобы была анимация, а не резкое появление
пишешь opacity: 0;
visibility: hidden;
transition: all .2s ease;

item:hover .submenu {
opacity: 1;
visibility: visible
}

источник

11:21пожаловаться #1

Александер 😈... in htmlbase.ru - чат по front-end разработке

<ul class="nav">
  <li class="nav__item">
    <a href="#" class="nav__link">list item</a>
    <div class="nav__submenu">
      <a href="#" class="nav__submenu-link">submenu</a>
    </div>
  </li>
  <li class="nav__item">
    <a href="#" class="nav__link">list item</a>
    <div class="nav__submenu">
      <a href="#" class="nav__submenu-link">submenu</a>
    </div>
  </li>
</ul>

источник

11:22пожаловаться #2

Александер 😈... in htmlbase.ru - чат по front-end разработке

а вот структура такому меню

источник

11:22пожаловаться #3

Александер 😈... in htmlbase.ru - чат по front-end разработке

nav__item {
position: relative;
}

источник

11:22пожаловаться #4

Omar Quseyn in htmlbase.ru - чат по front-end разработке

незабудь дать ссылке позишн relative

источник

11:22пожаловаться #5

Omar Quseyn in htmlbase.ru - чат по front-end разработке

да

источник

11:23пожаловаться #6

Александер 😈... in htmlbase.ru - чат по front-end разработке

.nav__submenu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%)
}

источник

11:23пожаловаться #7

Александер 😈... in htmlbase.ru - чат по front-end разработке

как пример

источник

11:23пожаловаться #8

Misha Arbuz in htmlbase.ru - чат по front-end разработке

Спасибо ребята

источник

11:23пожаловаться #9

Дима in htmlbase.ru - чат по front-end разработке

РЕБЯТ, подскажите пожалуйста, в чем может быть беда. пушу в массив несколько объектов, они добавляются все норм, но когда пытаюсь получить длину массива то пишет что она 0

источник

13:01пожаловаться #10

jhonconstantin in htmlbase.ru - чат по front-end разработке