Почему свинг не работает на всех ссылках?

Question

[fapchat]

a {
  -webkit-animation: swing 0.6s ease;
  animation: swing 0.6s ease infinite;

   }

Answer 1

[RAX7]

transformable element
- all elements whose layout is governed by the CSS box model except for non-replaced inline boxes, table-column boxes, and table-column-group boxes
https://drafts.csswg.org/css-transforms-1/#terminology

Короче не работает transform c inline элементами, а ссылки <a> по дефолту инлайновые элементы

Comments

[fapchat]

слова transform в моём коде нет(для тех ссылок), но исправить это как-то можно?

[RAX7]

fapchat, как это нету, вот же он

@keyframes swing {
  15% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px); /* <-------------- */
  }

ссылки которые хочешь анимировать сделай display: inline-block либо block