Hỏi về xoay ảnh

Cho e hỏi làm sao để xoay tấm hình transform: rotate(45deg) mà bên trong tấm ảnh không bị xoay theo bên ngoài hoặc có cách nào khác để làm tấm hình như vậy không ạ?

image

Bạn cần css clip path chứ ko phải là rotate nhé.

7 Likes

Cách 1: dùng clip path.
Cách 2: lồng 2 div vào nhau. 1 div xoay 45deg để ra được cái background, div còn lại xoay -45deg để dựng cái ảnh đứng lại

3 Likes

Cách 2 của bạn có trời mới hiểu được :unamused:

Chỉ là ý tưởng thôi. Mình cũng chưa thử :v:

Dễ hiểu mà Ngọc đại tỷ, bạn đầu chưa nghĩ đến clip path thì e cũng định làm z. :smile:

3 Likes

ý tưởng lớn gặp nhau. Có điều thằng clip-path quá mạnh để xử lí vụ này 1 cách dễ dàng. Các cách khác đều đòi hỏi phải hack 1 chút

3 Likes

Cách cỗ lỗ sĩ thời 2000:
Mở Photoshop, chọn layer có hình thoi, export ra thành ảnh PNG có background trong suốt :penguin:

2 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?