Lật xung quanh một div bằng cách sử dụng Javascript

Question

Flip là một plugin jQuery tuyệt vời cho các khối lật, nhưng nó không giữ nền trong khi nó hoạt hình lật.

Ví dụ: I have this pretty background here, trước khi tôi lật. While flipping, it gets ugly.

Có cách nào tôi có thể lật này div độc đáo, giữ nền đẹp mà tôi có và thậm chí có thể đạt được hoạt ảnh mượt mà hơn tôi có thể nhận được với Flip không?

Nếu tôi cần phải đi sâu vào headfirst này và mã chức năng của riêng tôi để lật div, đó cũng là doable, và tôi thực sự đánh giá cao một số con trỏ ở đó, nếu đó là những gì tôi phải làm.

Cảm ơn bạn rất nhiều!

Answer 1

Hãy thử jQuery QuickFlip pulgin, điều này có vẻ khá gọn gàng với xử lý nền.

Answer 2

Hãy thử xem xét momoflow, một loại trình bao gồm ứng dụng làm hoạt hình nền cho các góc khác nhau.

Tuy nhiên, thẻ này sử dụng thẻ canvas, đây có thể là vấn đề cho bạn nếu bạn muốn tương thích với IE. Tuy nhiên, kỹ thuật mà dev đang sử dụng là cắt hình ảnh thành nhiều lát thẳng đứng và làm sống động vị trí của chúng. Bạn có thể mở rộng chức năng này để giới thiệu một lật đầy đủ!

Answer 3

Cách thực sự thú vị để thực hiện việc này là sử dụng các phép biến đổi CSS 3. Nó tốt hơn nhiều so với sử dụng một kịch bản; bạn nên luôn luôn tránh sử dụng các kịch bản mà các phương thức đơn giản hơn có thể được sử dụng.