 |
| Rotasi Font Awesome |
Dari artikel sebelumnya kita sudah mengetahui Cara Mengatur Posisi Font Awesome Di HTML. Nah untuk artikel kali ini saya akan membahas Cara Mengatur Rotasi Font Awesome. Ok sekarang kita langsung saja.
untuk Mengatur Rotasi sobat tinggal tambah kode rotate-* dan fa-flip-*
sobat ganti tanda * dengan nilai derajat ikon, untuk contoh pengkodeannya sobat bisa liat di bawah ini :
Contoh :
| normal | |
| Ikon Diputar 90 derajat | |
| Ikon Diputar 180 derajat | |
| Ikon Diputar 270 derajat | |
| Ikon di balik arah secara horizontal | |
| Ikon di balik arah secara vertical |
Untuk contoh kode di atas seperti di bawah ini :
| Normal | <i class="fa fa-shield"></i> |
| 90 derajat | <i class="fa fa-shield fa-rotate-90"></i> |
| 180 derajat | <i class="fa fa-shield fa-rotate-180"></i> |
| 270 derajat | <i class="fa fa-shield fa-rotate-270"></i> |
| Hotizontal | <i class="fa fa-shield fa-flip-horizontal"></i> |
| Vertical | <i class="fa fa-shield fa-flip-vertical"></i> |
Untuk sementara kita sampai disini dulu. Semoga Bermanfaat Sekian dan terimakasih
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean.
Tidak ada komentar:
Posting Komentar