такой большой индекс+ импортант = жесть, работающее, но неверное решение . проблема в другом. надо проставлять позиционирование, ширины всей цепочке вложенных блоков проверить , тогда все будет грамотно .
если надо бесконечную анимацию, не забудьте добавить класс infinite или дописать в класс вашего элемента -webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
просто добавьте класс в разметку. вернее два класса. animate shake, например, все будет работать как надо. насчет одной минуты. выставьте время в -webkit-animation-duration: 60s;
animation-duration: 60s, а чтобы дергалась иконка пару секунд , а не целую минуту,
поменяйте проценты в кейфреймс, проценты там будут считаться от вашей минуты. просчитайте сколько в процентах будет 3 секунды, например, и впишите. вместо проставленных в animate.css кейфреймс вашей анимации, а через js - неправильно будет.
.shake {
-webkit-animation-name: shake;
animation-name: shake;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
вот вам база, меняйте время или смещение в пикселях или проценты под свои запросы
замеряйте в макете высоту самого высокого блока. например он будет высотой 500px. Тогда ставить min-height:500px; и все блоки будут одинаковыми, по 500 пикс в высоту. Иначе они все будут разной высоты в зависимости от количества текста, это нормально
Арман Дендибаев: 1. c2n.me/3wgAkJX убрать мардижны, из-за них белые полосы снизу и сверху у вас были
2. c2n.me/3wgAAAN у вас контейнер с меню ВНЕ блока с фоном, переместите его вовнутрь и все будет окей