Es mi primera vez intentando dibujar con CSS, la verdad me sorprendí con el resultado. Siempre que veía a los desarrolladores que publicaban sus dibujos hechos con HTML y CSS me decía a mi mismo "Woow, espero algún día poder hacer dibujos así de buenos con CSS" y pues hoy me animé.
Todo comenzó al estar revisando mis suscripciones en YouTube, encontré un video donde @midudev estaba desarrollado un componente o app llamado codi.link que más que nada es para picar código de manera rápida (y si que es rápido) en fin, mientras la utilizaba se me ocurrió hacer este dibujo del honguito de Mario por curioso y cuando vi el resultado quede impactado (resultado en codi.link) pero cómo no pude guardarlo salvo por la posibilidad de compartir el enlace pues me pase a hacerlo en codepen para guardarlo y comenzar a subir en un futuro.
Las reglas serán sencillas, escoger un dibujo e intentar realizarlo con HTML y CSS sin ver tutoriales, de ser necesario documentación para llegar al mejor resultado posible.
Espero les guste, aquí el código:
Top comments (10)
Excelente diseño bro te quedó espectacular 👌🏻
¡Gracias Nelson! ¿Será buena idea que continúe haciendo algunos para armarme una pequeña galería?
Podrías hacerlo aunque hay unos personajes que son costosos de hacer.
Me asombra que usaste poco css eso está bueno 👌🏻
Me pone nervioso eso de que se compliquen los personajes, ¿Quieres recomendarme cuál podría ser el siguiente?
Este caparazón images.app.goo.gl/NzfGT7F4nP9KpAFn7
Hice lo mejor que pude Nelson, sinceramente pude realizar el border blanco con un SVG pero quería mantenerme lo más posible con CSS puro, aquí el resultado:
Saludos y gracias por comentar.
wowowwwwwwww que cracks sos
te quedo perfecto 😳
Publicalo en un post para compartirlo en mis redes
¡Muy chulo! 👏
Gracias Miguel, excelente herramienta by the way 👍
PS. Gracias por tu contenido 💪