Bismillaahirrahmaanirrahiim
Assalaamu'alaikum Wr Wb!
Pada artikel kali ini saya akan membagikan tutorial tentang cara membuat Font Awesome Rotated & Flipped. Ini merupakan fitur Font Awesome dengan menambahkan tag "fa-rotate" dan tag "fa-flip". Jangan anda berfikir bahwa ini teknik berputar pada Font Awesome, ini adalah teknik derajat atau membalikkan posisi Font Awesome. Misalnya kita membalikkan Font Awesome yang posisi standard ke posisi vertikal atau horizontal. Teknik rotated dan flipped tidak akan membuat Font Awesome berputar secara berterusan seperti animasi, perubahan posisi ini sesuai perintah para Webmaster atau Bloggers. Ibarat komandan memerintahkan prajurit dengan perintah balik kanan maka si prajurit akan mengikuti perintah balik kanan dan bukan berputar-putar.
Rotated dan flipped pada font Awesome biasanya digunakan pada hal-hal yang ganjil dengan tujuan untuk menarik perhatian pengunjung supaya fokus pada ikon untuk membaca kalimat yang mengikutinya. Ibarat seorang supir bus yang bergaya aneh atau dengan tujuan untuk menarik perhatian khalayak ramai supaya memusatkan perhatian kepada bus atau penumpangnya. Saya rasa anda sudah memahami maksud penjelasan dari saya.
Sekian penjelasan dari saya dan mari menuju poin pembahasan.
Berikut tutorialnya;
<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 sudah siap.
Alhamdulillaah
Insyaa Allaah, semoga artikel saya dapat membantu sahabat semua!
Wallaahu'alam
Wassalaamu'alaikum Wr Wb!
ConversionConversion EmoticonEmoticon
Note: Only a member of this blog may post a comment.