Hỏi về xoay ảnh

css

(Phạm Sang) #1

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


(明玉) #2

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


(Quân) #3

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


(明玉) #4

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


(Quân) #5

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


(Sherly1001) #6

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:


(Quân) #7

ý 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


(Hung) #8

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:


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