Имена участников (разделяйте запятой).
Можно и так сказать. Препроцессоры сильно упрощают жизнь верстальщику.
Могут. В случае перекрытия, сверху окажется элемент, который идет последним в html разметке.
z-index не работает со статическим позиционированием.
Убирает элемент на задний план, чтобы ничего не перекрывал. Т.к. opacity: 0, в отличие от display: none; не убирает элемент со страницы, а просто...
transition не работает со свойством display. Вместо него можно использовать opacity и z-index. .menu { position: fixed; z-index: -1;...
Нужно скрывать меню не через fadeOut(), а с помощью добавления какого нибудь класса с display: none; для ширины экрана до 400px; Например @media...
Дайте ссылку на страницу. Или загрузите в песочницу.
Отследить клик вне элемента можно так var div = $('.dropdown'); if (!div.is(e.target) && div.has(e.target).length === 0) { // скрываем .dropdown }
До элемента hr Здесь правильней было бы задать вопрос, относительно какой точки идет трансформация transform: rotate(-45deg); ?...
У вас нет варианта на чистом CSS (да в общем то и не нужно изобретать велосипед). В обоих примерах кнопка изменяется за счет добавления/удаления...
да
@Неугомонный, внимательней читайте
@Неугомонный Это работает немного по другому. Задавая visibility: hidden для родителя мы делаем блок невидимым. Хотя он будет занимать свое место...
visibility hidden для обертки задан для того, чтобы hover не отслеживался на пустом месте возле ссылки. Правильный, но ваш вопрос из первого...