How To Create Font Awesome Rotated And Flipped On Blogger

Bismillaahirrahmaanirrahiim
Assalaamu'alaikum Wr Wb!

In the article this time I will share a tutorial on how to create Flipped and Rotated Font Awesome. This is a feature of Font Awesome by adding the tag "fa-rotate" and the tag "fa-flip". Do you think that this technique is spinning at Font Awesome I have discussed in previous articles, this is the technique of scale or reverse position Font Awesome on your website or blog. For example you reverse the Font Awesome's default position is vertical to a horizontal position. As I have explained that you only play with this technique because the command language is apparent.

Mechanical rotated and flipped Font Awesome will not rotate continuously like animation, change the appropriate command position you as a Webmaster or Blogger. Like commander ordered the soldiers to command right behind the soldiers will follow orders to go right and not a spin. You should know that the system is always working in accordance with the HTML language commands.

Rotated and flipped on Awesome font is usually used to odd things in order to attract visitors to focus on the icon to read the sentence that follows. Like a car driver who styled odd or strange in order to attract public attention or passengers to focus on the car or its passengers. I think you already understand the meaning of my explanation, and I think now I can drive you into the tutorial.
Before we get into the tutorial, it would be nice if you see the results before the result of the following⇩

Result
Click To View

That explanation from me and let's get to the point totorial this time⇩

You only need to add the tags "fa-rotate" and "fa-flip" into HTML using Font Awesome
Example applications⇩

<i class="fa fa-shield"></i> normal<br>
<i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br>
<i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br>
<i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br>
<i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br>
<i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical

Alhamdulillaah, tutorial is ready.