Girar uma Div

[badi.sintramaerj 0]

Tenho as duas divs abaixo:

 

<div id=“frente”>

Conteúdo da parte da frente

</div>

 

<div id=”costa”>

Conteúdo da parte de trás

</div>

 

O que eu quero e o seguinte: quando a página abrir seja mostrado a div “frente” ficando oculto a div “fundo”. Estou precisando de um efeito que quando eu clicar na div “frente” ele gire e mostre a div “fundo” ocultando a div “frente” e vice versa.

 

 

Pessoal alguém conhece algum tutorial que ensine isso.

[rikaschmitt 54]

Dá pra usar somente CSS.

 

Encontrei alguns sites com exemplos dessa animação, dê uma lida:

- https://desandro.github.io/3dtransforms/docs/card-flip.html

- http://davidwalsh.name/css-flip

[badi.sintramaerj 0]

Exatamente isso rikaschmitt. Muito obrigado.