/*<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;
}
Curious way to show battery charging animated icon only by using FontAwesome + CSS.
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.