Cómo hacer una Calabaza de Halloween con CSS

¿Es Halloween y quieres hacer una calabaza en CSS? Aquí vemos como lo puedes hacer
Cómo hacer una Calabaza de Halloween con CSS
Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Se me ocurrió que para halloween podríamos hacer un vídeo relacionado con él. Y entonces pensé, ya lo tengo voy hacer una calabaza en CSS y voy a enseñar cómo la hice.

Pero luego, mi mente de programador pensó: “Espera, espera… para que voy hacer una calabaza en CSS, estoy seguro que ya hay gente que ha hecho eso, y yo puedo copiar y pegar su código”

Así que no pude evitar hacer una búsqueda rápida y efectivamente, había ya muchas calabazas en CSS

Así que elegí una, que la hizo una tal Rachel Bull. Entonces lo que vamos hacer es realmente no vamos a hacer la calabaza, vamos a deshacerla. Vamos a ver el código de esta persona y váis a ver como hago yo para intentar comprenderlo. También para mi este es un buen ejercicio ver y analizar el código de otra persona para ver cómo ha llegado al resultado final.

Que por cierto, este es uno de los consejos que doy de como mejorar tu lógica de programación en este vídeo de aquí

Vale, pues comencemos! mírate el vídeo donde vemos como han hecho esta calabaza de Halloween!

See the Pen Halloween Pumpkin in Pure CSS by Rachel Bull (@rachel_web) on CodePen.


Cursos gratuitos relacionados:

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats