Чтобы создать эффект тряски в CSS, вы можете использовать различные методы. Вот несколько примеров:

1. CSS-анимация.
   Вы можете использовать CSS-анимацию для создания эффекта тряски. Определите анимацию ключевого кадра с желаемым встряхивающим движением и примените ее к элементу, который хотите встряхнуть. Вот пример:

   @keyframes shake {
    0% { transform: translate(0, 0); }
    10%, 30%, 50%, 70%, 90% { transform: translate(-5px, 0); }
    20%, 40%, 60%, 80% { transform: translate(5px, 0); }
    100% { transform: translate(0, 0); }
   }
   .shake-element {
    animation: shake 1s infinite;
   }

   В этом примере .shake-elementбудет бесконечно раскачиваться по горизонтали вперед и назад.

2. Переход CSS.
   Другой подход — использование переходов CSS. Вы можете определить свойство перехода для элемента, а затем переключить класс, чтобы вызвать эффект тряски. Вот пример:

   При добавлении класса .shakeк .shake-elementон сместится на 5 пикселей влево, создавая эффект тряски.

3. Свойство CSS Transform:
   Вы можете напрямую применить свойство transformк элементу, чтобы добиться эффекта тряски. Вот пример:

   Это заставит .shake-elementдвигаться вперед и назад по горизонтали на 5 пикселей.