Để xoay một phần tử hay hình ảnh trong CSS chúng ta sẽ sử dụng thuộc tính transform (rotate) theo cú pháp transform: rotate(1turn);

Trong đó 1turn có nghĩa là phần tử sẽ xoay 360 độ theo chiều kim đồng hồ . Để hiểu thêm thuộc tính này, các bạn xem ví dụ dưới này nhé: 

Ở đây, mình thêm hình ảnh với đoạn code HTML bên dưới: 

Nếu muốn xoay hình ảnh 360 độ thì chúng ta thêm thuộc tính transform trong style là được.

Note: ease-out là hiệu ứng chuyển đổi chậm ở lúc kết thúc

Kết quả các bạn xem demo này nhé: Xoay hình ảnh trong CSS

Nguồn: Devmaster Academy