rotar cartas

[Lechu_]

Hola

Estoy haciendo un juego de la memoria para Facebook, por lo tanto solo estoy usando PHP y HMTL, pero leí que Facebook acepta jQuery.
La idea es no usa ningun plugin de jQuery porque no se si lo va a tomar Facebook.

La consulta es ¿hay algun efecto de jQuery (puro) que haga un efecto de dar vuelta la carta (imagen)?

Estilo esto:
http://www.juegosdecartas.org/juegos...-the-elements/

Habia pensado hacer algo asi como:

Código:

<script>
 $("img").attr({
  src: "/resources/hat.gif",
  title: "juego",
  alt: "carta_juego"
  });
$("img").attr("src");
</script>

Al hacer click en la carta ejecuto el script. Pero me sigue faltando el efecto de dar vuelta la carta.

Gracias.

[ryugen]

Yo lo haría así:
http://jsfiddle.net/AtE4N/11/

La compatibilidad para esto es:
http://caniuse.com/#search=transform + http://caniuse.com/#feat=css-animation

Ya se, ya se, no es el mejor soporte del mundo ... pero aquellos navegadores que no soporten la animación la carta simplemente aparecerá

[Lechu_]

Gracias, loco !!!!!!!!!

Me colgue en contestar.

Lo estuve mirando y me parece que me puede servir.

Gracias.-