Выпадающее меню на css

24
118

С этими праздниками, нормально до видео не добраться 🙂 Сегодня мы будем делать меню с выпадающими списками…

source

24 COMMENTS

  1. А что это за дополнение такое, которое добавляет красивые иконки напротив файлов и показывает сетку в поле редактора?

  2. Сними пожалуйста видео, где ты делаешь меню с использованием js и какие отличия между меню на CSS и меню на js, будет очень круто. За видео конечно как всегда лайк:)

  3. Не опявляется меню при новедении(( что делать помогите)
    a {text-decoration: none;}

    ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .side {
    width: 200px;
    margin: -40px;

    }

    .menu a {
    background: #3d3d3d;
    color: #fff;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #666;
    transition: 0.5s all;
    }

    .menu a:hover {
    background: #666;
    padding: 10px 0 10px 20px;
    }

    .menu__list {
    position: relative;
    }
    .menu__drop {
    position: absolute;
    width: 100%;
    left: 100%;
    opacity: 0;
    top: -9999em;
    }
    .menu__list:hover .menu__drop {
    opacity: 1;
    top: 0;
    }

  4. А как такое сделать только горизонтально … Первый уровень я сделал легко, а вот выпадающий не могу. как то не выходит привязать к нужной кнопке. Вылетает подменю не под той кнопкой. ;(

  5. можно как то сохранить паддинг (эффект :hover) у пункта родителя при переходе в подменю?

LEAVE A REPLY