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.

Top comments (1)

Collapse
 
nelsoncode profile image
Nelson Hernández

Listo compartido 👌🏻

We are hiring! Do you want to be our Senior Platform Engineer? We're hiring for a Senior Platform Engineer and would love for you to apply.

Head here to learn more about who we're looking for.