E 'possibile disegni tela “flip”? Eventuali altre soluzioni?

Question

Ho un insieme di elementi <canvas> che io sono "flipping" intorno usando della medaglia! . Il mio problema è che il modo di vibrazione funziona è sfogliando l'intero elemento <canvas> e che sta creando un effetto non-così-bella, mentre è flipping ... Quindi quello che sto cercando di realizzare è quello di "flip" in un modo simile a quello della medaglia! lo fa, ma all'interno di tela. O ci sono altre soluzioni note?

Ecco un piccolo esempio di quello che sto cercando di fare: http://jsfiddle.net/hnqB6/ 4 / .

Vorrei capovolgere i triangoli neri ma quando uso il metodo della medaglia dall'URL sopra ribalta l'intero elemento tela che crea l'effetto non-così-bello.

Sono abbastanza sicuro che si può semplicemente capovolgere l'intera immagine in tela in un secondo, ma quello che sto cercando è l'intera animazione troppo. Chiunque ha avuto questo problema prima?

Answer 1

è possibile utilizzare 3D CSS Transforms e transizioni per eseguire un carta di animazione lanciando sul tela elemento . lanciando solo parziale dell'elemento tela è possibile solo programmando l'animazione da zero, dal momento che comprenda manipolare il pixel dell'immagine bitmap per pixel. In alternativa, è possibile trasformare le tele in sé matrice, ma comporta molto più lavoro poi 3d Transizione in relazione alla animazione.