DEV Community

Cover image for CSS Draw - Mario's Blue Shell
Beto Caballero
Beto Caballero

Posted on

CSS Draw - Mario's Blue Shell

Esta vez tocó dibujar el Blue Shell de Mario por propuesta de @nelsoncode en el post anterior.

No me extenderé mucho con la explicación, este dibujo si me hizo pensar y planear cómo iba a obtener un buen resultado sin utilizar vectores (svg).

Destaco que es mi segundo intento dibujando con CSS, el primero salió bastante bien.

Comencé por hacer las figuras básicas y cuando llegué a los detalles me decidí por armar la textura del caparazón con un clip-path y el borde con dos elementos que la verdad me sorprendieron en su figura final.

Espero que puedan explorar un poco el código CSS y están invitados a intentarlo, mismas reglas 😉 mucha suerte y gracias por leerme.

Discussion (1)

Collapse
nelsoncode profile image
Nelson Adonis Hernández

Listo compartido 👌🏻