CSS + FontAwesome: Battery charging animation

PHOTO EMBED

Mon Aug 29 2022 17:03:31 GMT+0000 (Coordinated Universal Time)

Saved by @marcopinero #css

/*<i class="fa fa-battery-charging" aria-hidden="true"></i>*/

@keyframes battery-charging {
  0% { content: "\f244"; }
  20% { content: "\f243"; }
  40% { content: "\f242"; }
  60% { content: "\f241"; }
  80% { content: "\f240"; }
}
.fa-battery-charging:before {
  content: "\f244";
  animation: 2s battery-charging infinite;
}
content_copyCOPY

Curious way to show battery charging animated icon only by using FontAwesome + CSS.