View source for Template:Div shake

{{#css:
.div-shake {
 animation: shake 0.5s linear infinite;
 width: fit-content;
}
@keyframes shake {
  0% { transform: translate(calc(0.2px * {{{factor|1}}}), calc(0.2px * {{{factor|1}}})) rotate(0deg); }
  10% { transform: translate(calc(-0.2px * {{{factor|1}}}), calc(-0.4px * {{{factor|1}}})) rotate(calc(-0.2deg * {{{factor|1}}})); }
  20% { transform: translate(calc(-0.4px * {{{factor|1}}}), 0px) rotate(calc(0.2deg * {{{factor|1}}})); }
  30% { transform: translate(calc(-0.4px * {{{factor|1}}}), calc(0.4px * {{{factor|1}}})) rotate(0deg); }
  40% { transform: translate(calc(0.2px * {{{factor|1}}}), calc(-0.2px * {{{factor|1}}})) rotate(calc(0.2deg * {{{factor|1}}})); }
  50% { transform: translate(calc(-0.2px * {{{factor|1}}}), calc(0.4px * {{{factor|1}}})) rotate(calc(-0.2deg * {{{factor|1}}})); }
  60% { transform: translate(calc(-0.4px * {{{factor|1}}}), calc(0.2px * {{{factor|1}}})) rotate(0deg); }
  70% { transform: translate(calc(0.4px * {{{factor|1}}}), calc(0.2px * {{{factor|1}}})) rotate(calc(-0.2deg * {{{factor|1}}})); }
  80% { transform: translate(calc(-0.2px * {{{factor|1}}}), calc(-0.2px * {{{factor|1}}})) rotate(calc(0.2deg * {{{factor|1}}})); }
  90% { transform: translate(calc(0.2px * {{{factor|1}}}), calc(0.4px * {{{factor|1}}})) rotate(0deg); }
  100% { transform: translate(calc(0.2px * {{{factor|1}}}), calc(0.2px * {{{factor|1}}})) rotate(calc(-0.2deg * {{{factor|1}}})); }
}}<div class="div-shake">{{{1}}}</div><noinclude>
{{Div shake|{{lorem ipsum}}}}
</noinclude>