KLMA Humans · Banners de figurasv1.3 · Jetlag Studio
Ancho de prueba
Banners con figuras

Puntos

Toca la figura: esa zona se desintegra, los puntos salen volando y luego se vuelve a armar.

Elemento gráfico

Wireframe

Hunde y arrastra: pellizcas la figura y la jalas. Al soltarla rebota hasta volver a su forma.

Elemento gráfico

Líneas finas

Pasa el dedo para dejar ondas sobre la superficie; un toque manda una onda grande.

Elemento gráfico

Isotipo

El isotipo en partículas. Mueve el dedo alrededor de la figura: las partículas giran en remolino y se desenrollan al soltar.

Isotipo

Logo y agua

El logo de fondo y el elemento gráfico encima, sin giro. Pasa el dedo o el mouse: las líneas se mueven como agua, con ondas lentas que se abren y se calman.

Integración en el sitio
<!-- Una vez, en la plantilla -->
<script src="/templates/assets/js/klma-banner.js" defer></script>

<!-- La versión que se elija (alto opcional) -->
<klma-banner variant="puntos" height="480"></klma-banner>
<klma-banner variant="wireframe"></klma-banner>
<klma-banner variant="lineas"></klma-banner>
<klma-banner variant="isotipo"></klma-banner>
<klma-banner variant="cuerdas"></klma-banner>