Tengo una imagen y estoy tratando de que al darle click encima me haga un efecto flip que ya tengo realizado y me de vuelta la imagen. La cuestión es que lo he manejado con over y con active. Pero uno me lo hace cuando tengo el raton encima de la imagen y el otro cuando pulso sobre la imagen, y tengo que tener el raton pulsado encima de la imagen mientras hace toda la transicion.
Mi idea es que cuando pulse una imagen de una carta me de vuelta a la carta y se muestre. Y cuando la pulse de nuevo vuelva a su estado origen. y no se si puedo tratar esto via css.
https://i.sstatic.net/QfcbM.jpg
.flip:active {
transform: perspective(500px) rotateY(-180deg) translateX(100%);
}
flip es la clase que tienen los contenedores de las cartas de la imagen
¿Hay alguna propiedad css como el onclick?