Javascript kullanarak bir div etrafında saygısız

Question

Flip, saygısız bloklar için harika bir JQuery eklentisidir, ancak kapağı canlandırırken arka planı korumaz.

Örneğin, çevirmeden önce I have this pretty background here. While flipping, it gets ugly.

Bu div'u güzel bir şekilde çevirebileceğim bir yol var mı, sahip olduğum güzel arka planı ve belki de Flip ile alabildiğimden daha yumuşak bir animasyon elde edebiliyorum?

Bu headfirst'e dalmam ve div'u çevirmek için kendi işlevimi kodlamam gerekiyorsa, bu da yapılabilir ve burada yapmam gereken şey varsa gerçekten bir işaretçiyi gerçekten takdir ediyorum.

Çok teşekkürler!

Answer 1

jQuery QuickFlip pulgin'i deneyin, bu arka planın ele alınmasıyla oldukça düzgün görünüyor.

Answer 2

Arka planını farklı açılarda canlandıran bir coverflow uygulama türü olan momoflow'u incelemeye çalışın.

Tuval etiketini kullanıyor ancak, IE uyumluluğunu istiyorsanız bir sorun olabilir. Bununla birlikte, dev'in kullandığı teknik, görüntüyü birkaç dikey dilime ayırmak ve konumlarını canlandırmaktır. Tam bir flip tanıtmak için bu işlevselliği genişletebilirsiniz!

Answer 3

Bunu yapmanın gerçekten harika bir yolu, CSS 3 dönüşümlerini kullanmaktır. Bir betik kullanmaktan çok daha iyidir; Daha basit yöntemlerin kullanılabileceği komut dosyaları kullanmaktan daima kaçınmalısınız.