Прыгающая иконка

Пример моего кода .admin(
width: 100px;
height: 100px;

ага — я все читаю не читая)))

Именно так и записано?
.admin( ???

почему вдруг фигурная скобка заменилась?

должно быть так: .admin {

ps: Loadырь быстрее заметил)

.user_group_name .admin {
width: 100px;
height: 100px;
background: red;
position: relative;
-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
0% {top: 0px;}
50% {top: 50px}
100% {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
0% {top: 0px;}
50% {top: 50px}
100% {top: 0px;}
}
Данный код заработал, но фотография как бы умножается, наверное дело в настройках. Я поработаю дальше потом напишу что получилось.

Пример моего кода .admin(
width: 100px;
height: 100px;

ага — я все читаю не читая)))

Именно так и записано?
.admin( ???

почему вдруг фигурная скобка заменилась?

должно быть так: .admin {

ps: Loadырь быстрее заметил)

Да да точно, не заметил )))

Вы примените эти стили к классу .item
Жути больше будет.

Не, ерунда)

Ща я скажу как нннаддда!

polet, попробуйте вставить эти стили (если ничего не будет прыгать то все пропало):

Данный код заработал, но фотография как бы умножается, наверное дело в настройках.

Дело не в настройках — дело в том что вы вообще не понимаете css и html соответственно!

Половину стилей вы сами только что применили:

width: 100px;
height: 100px;
background: red;

— они были для примера как собственно и весь код стилей. В общем те три строки можно удалить — они для наглядности были.

Данный код заработал, но фотография как бы умножается, наверное дело в настройках.

Дело не в настройках — дело в том что вы вообще не понимаете css и html соответственно!

Половину стилей вы сами только что применили:

width: 100px;
height: 100px;
background: red;

— они были для примера как собственно и весь код стилей. В общем те три строки можно удалить — они для наглядности были.

Всё работает, просто время не было зайти.
div {
position: relative;
-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
0% {top: 0px;}
50% {top: 50px}
100% {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
0% {top: 0px;}
50% {top: 50px}
100% {top: 0px;}
} код и этот и предыдущий работает. А картинка просто сузилась из за того что ширина малая была. Единственное, это можно убрать цвет из кода, мне кажется он вообще не нужен. А так то да, некоторые элементы (картинки) в основном прыгают вместе с надписями, так как присутствуют в одном блоке. Картинку нужно отдельно выводить ( Вы уже писали об этом). Пока что нашел применение данных стилей к некоторым иконкам, и этого достаточно. спасибо за помощь, надеюсь что данная тема будет кому то полезна. width: 100px;
height: 100px; это можно вообще убрать.