Muy bien chicos. Hoy creé una guía sencilla sobre cómo usar rutas de clip, svgs, bucles y matrices para crear elementos frontales divertidos y emocionantes. Hice esto con html/css/javascript básico, por lo que debería ser fácil de entender para todos, incluso si el front-end no es lo tuyo.

Esta es mi primera vez en un sitio web con formato de tutorial. Al hacer un tutorial también pude repasar habilidades básicas. Puedes ver el sitio web completo aquí.

Es emocionante poder acceder al editor de código y seguir adelante sin tener que buscar demasiado en Google.

¡Me divertí mucho haciendo esto y espero que les guste tanto como a mí!

Sentí que los clip-paths y los svgs tenían muchos usos en común en un sentido más amplio y quería investigar. ¡A continuación se muestra una comparación de cuándo usar la ruta svg vs clip!

Y por último, en la página de matrices vemos que las posibilidades son realmente infinitas.

¡Déjame saber lo que piensas! Puede que haya algunas imperfecciones y redundancias, pero está funcionando. ¡Ahora mismo eso es lo que es importante para mí!