Aquí se integran los proyectos Arnulfo y Hermelinda para darle cuerpo a una tarjeta que anima a recordar su aniversario de bodas.

Fue compartida en familia invitándola a explorar colores aleatorios para la corbata y los aretes hasta encontrar, a manera de reto, colores iguales para ambos accesorios.

Dos elementos fungen como las hojas (abras) de una puerta. Cada hoja gira a su costado para recrear un efecto de puerta que se abre. Se logra de manera aceptable, digamos, pero puede mejorarse. Por ejemplo, hacer que el lado inferior de las abras se deformen hacia abajo, similar a como se deforma el lado superior. Un asunto a resolver.

La animación de las abras se superpone sobre las animaciones de las imágenes SVG haciendo que estas no se puedan ejecutar. Se resolvió el problema removiendo del documento html el elemento que declara las abras justo al terminar su efecto animación. Para que este se logre de nuevo (puerta que se abre) hay que reincorporar al documento html el elemento removido.

La tarjeta, si bien fue pensada para compartirla vía celular, se redimensiona en dispositivos más grandes sin apartarse del concepto de diseño. De igual manera, no pierde calidad de resolución si se depliega en desktop o en dispositivos aún mayores. Es una gran ventaja del formato SVG frente a otros tales como jpeg o png.

Aquí abajo el texto alusivo (se omite)

Lorem ipsum sit amet consectetur adipisicing elit. Quibusdam harum perferendis velit, cum totam hic doloremque, magni expedita.