Дмитрий зачем animate? есть метод $('div').fadeIn(2000); результат тот же. Но автору нужна реализация на CSS как я понимаю. Из-за display или того же visibility у вас ничего не выйдет, плавности не увидите. jsfiddle.net/9z516p73/1
Как причем? Вы задали margin в 10% так? А как по вашему считаются проценты, относительно чего? Считаются они относительно размера своего родителя. А в у вас родитель ul имеет фикс ширину в 260px, соответственно он не изменяет свой размер и отступы тоже не меняются.
Поэтому или задавайте ширину для родителя в % или margin в vw.
codepen.io/anon/pen/wajLpv все из-за высоты, высоту задавайте либо через line-height как в моем примере либо добавьте вертикальный паддинг. Плюс вы не написали middle для .sprite и line-height: normal; для span
Думай Головой Ничем, просто привел как еще один вариант, лучше ведь чем пустой элемент. Вы бы лучше выложили пример куда-нибудь, а то если честно не понятно почему у вас видны соседние иконки. Методику используйте правильную, значит где в другом месте ошибка.
Антон Да? А я думал по дефолту)) Я emmet ставил сразу же, а этой командой пользовался уже после. Не думал что emmet как то связан. Поправлю ответ, чтобы других не вводить в заблуждение.
Никогда не было с этим проблем, может вы в настройках что то меняли? Честно сказать не в курсе какой параметр за это отвечает и есть ли он вообще. У меня вставляется так же как скопировал, в несколько строк.
Вы меню чем выравниваете, через float? Если да, то это из-за схлопывания родителя, почитайте про clearfix который задается родителю. float - как работает float.
Либо можно родителю указать overflow: hidden;
