Vanta.js

Es una librería de Java Script para crear backgrouns animados en 3D, muy facil de implementar.

• Personalisa el efecto, colores etc.
• Copia el código
• Abre el enlace three.r134.min.js y copia la url
• Abre el enlace vanta.waves.min.js y copia la url
• Abre Divi / General / Integración
• Añade el script al Body
• Sustituye los nombres de los scripts por sus url
• Edita el ID #vanta
• Abre el setting del elemento al que le vas a agregar el efecto, advance / ID, ponle: vanta
• Guardar

Códigos

///
<script src="three.r134.min.js"></script> 
<script src="vanta.clouds.min.js"></script> 
<script> VANTA.CLOUDS({ el: "#your-element-selector", mouseControls: true, touchControls: true, gyroControls: false, minHeight: 200.00, minWidth: 200.00 }) </script>
///

¿Por qué?

• Puede interactuar con el mouse / toque
• Personalice los colores y el estilo para que coincidan con su marca
• Sin pixelación : Canvas se ejecuta a máxima resolución
• Tamaño de archivo más pequeño que los videos de fondo e imágenes de fondo grandes: three.js tiene ~ 120 kb minimizado y comprimido con gzip
• Funciona rápido (60 fps) en la mayoría de las computadoras portátiles/de escritorio

¿Cuál es el truco?

• Algunos efectos de WebGL son lentos en computadoras más antiguas.
• ¡No use más de uno o dos en una sola página!
• No todos los efectos funcionan en dispositivos móviles. Establezca una imagen de fondo o un color como respaldo.