DEV Community

Discussion on: 🎃 No tengas miedo a dibujar con CSS

Collapse
 
brandonargel profile image
Brandon Argel Verdeja Dominguez • Edited

Hola, si me funcionó, pero parpadeaba también la boca, entonces intenté arreglarlo e investigué algunas reglas de css, y le agregue otras cosas pero quedó mas o menos bien jajaja
Nomás le pasó algo raro a la boca y no sé por qué...
Y por cierto, gracias por el código y tu ayuda 😃

Thread Thread
 
raulmar profile image
Raúl Martín

Buen uso del :not 🤩
Veo que el origen de la animación de la boca está desfasado, pudiera usarse la propieda transform-origin para ajustarlo

Thread Thread
 
brandonargel profile image
Brandon Argel Verdeja Dominguez • Edited

Ya ahora sí creo que quedó, no sé si utilicé el transform-origin como debe ser, pero al parecer funcionó jajajaja
Le agregué transform-origin: 200%; y le moví unos pixeles por que no quedaba en el centro... El enlace es el mismo por si quieres ver el gif de como quedó y los cambios del código ya actualizado: drive.google.com/drive/folders/1-N...

¡Muchas gracias aprendí mucho con lo que me dijiste, los códigos que me pasaste y este post! 😄

Thread Thread
 
raulmar profile image
Raúl Martín

Te quedó genial 👏me da gusto que te hayas llevado algo de valor. Deberías de subirlo con github pages para que más gente lo pueda ver :)

Thread Thread
 
brandonargel profile image
Brandon Argel Verdeja Dominguez • Edited

brandonargel.github.io/Animated-Pu...
Muchas gracias nuevamente, no lo había subido por que estaba aprendiendo sobre Git y GitHub y también tenía otros pequeños proyectos 😃