Animação virar carta

[Rennan Dos Reis 0]

Bom dia pessoal, tudo bom?

 

Eu estou iniciando meus estudo em CSS3, e tenho interesse em animações 3D. Gostaria de solicitar a vocês, gurus do CSS alguma dica de como realizar um efeito de carta virando, apenas com CSS3 e sem o uso do JQuery ou eventos de click. Tentei realizar com setTimeout mas não tive sucesso nenhum.Fiz algumas pesquisas, mas não consegui fazer um efeito digno utilizando apenas translateX(x). Alguém por favor poderia me dar uma dica, ou indicar algum artigo para eu me basear?

 

 

Grato desde já

[Pablo Gates 10]

Segue para obter referências

 

http://tympanus.net/Development/ImageTransitions/index5.html

 

http://tympanus.net/Development/PFold/index.html

[angelorubin 142]

Boa tarde,

 

Veja se ajuda:

• http://css3playground.com/flip-card.php
• http://css3.bradshawenterprises.com/flip
• http://desandro.github.io/3dtransforms/docs/card-flip.html