Adaptándoloa tu código quedaría así; tendrías que crear dos clases en CSS con las URLs de las imágenes, asignar en el HTML la clase que tenga la imagen 'burger.svg' y luego con Javascript se cambian las clases al hacer click. Si tienes cualquier duda postea tu nuevo código y lo miramos. function cambiarClaseSrc () { menu = Estasestupendas, sutiles y útiles transiciones CSS3 para voltear, desvanecer y aplicar fulgor, te ayudarán a expandir el estado de tu web y a utilizar tu espacio más eficazmente. Puedes elegir voltear vídeos, o mapas, o imágenes, etc. o no voltear ningún contenido en absoluto. Friendly Flip 'n' Fade en Envato Market.

Ademásde las opciones mencionadas, existen herramientas y librerías en línea que facilitan aún más el proceso de cambio de tamaño de imágenes en HTML. Algunas de ellas permiten ajustar el tamaño arrastrando y soltando la imagen, proporcionan opciones de recorte, compresión y también ofrecen la posibilidad de generar el código

Transiciónde video en After Effects. Por último, para hacer una transición en After Effects entre dos clips de video, la forma más sencilla será llevarlo a cabo tal como se realizó la transición con imágenes. Solo que en el caso de videos con sonido, se debe sincronizar el audio para que no salgan superpuestos. Fuente: Pexels.
Comote ponía (y te ponen) en otros comentarios y respuestas, para realizar lo que quieres vas a necesitar cambiar tu HTML o usar algún tipo de plugin de JavaScript/jQuery. Ya tienes una solución con JavaScript, yo te voy a poner una alternativa usando sólo HTML y CSS, sin ningún código en JavaScript.

Laspropiedades CSS que podemos utilizar relacionadas con las transiciones son las siguientes: Tiempo de duración. Propiedades CSS afectadas por la transición. Ritmo

. 240 481 76 263 292 14 187 9

como hacer una transicion de imagenes en html