Hướng dẫn các bạn viết css sử dụng font awesome chuyển động tương tự như hình ảnh .gif, cách làm đơn giản như sau
Đầu tiên cần phải có thư viện Font awesome
<link rel=”stylesheet”href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”/>
Tiếp theo viết CSS chuyển động như sau
.slow-spin {
-webkit-animation: fa-spin 6s infinite linear;
animation: fa-spin 6s infinite linear;
}
Sau khi có CSS rồi các bạn gọi CSS đó như dưới
<i class=”fa fa-cog fa-5x slow-spin“></i>
Chúc bạn thành công