Diseño de fondo web con figuras ovaladas y animadas

  • Autor Autor eswal200
  • Fecha de inicio Fecha de inicio
eswal200

eswal200

Préstamo impago
1
Zeta
Verificación en dos pasos activada
Suscripción a IA
Hola gente.

hace rato estube en la web de studiopress y me llamo la tencion unas imagenes que usa de fondo.

aqui esta la web: WordPress Themes by StudioPress

pueden notar que hay unas imagenes algo ovaladas o figuras que se mueven, me di cuenta que este es el codigo:

Insertar CODE, HTML o PHP:
<svg version="1.1" class="bg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 885 1004" style="enable-background:new 0 0 885 1004;" xml:space="preserve"><path style="fill:#EFFAFF" d="M 404.4 131 C 101.815 183.641 35.7 -33.9 -32.1 -1.6 c 0 266.6 0 729 0 943.6 c 140.6 120.7 346.04 3.71094 502.3 -100.9 s 335.292 -31.8912 399.3 -262 S 706.909 78.3591 404.4 131 Z"><animate repeatCount="indefinite" attributeName="d" dur="15s" values="M404.4,131C98.9,203.2,35.7-33.9-32.1-1.6c0,266.6,0,729,0,943.6 c140.6,120.7,357,50.2,502.3-100.9s319.9-21.1,399.3-262S709.8,58.8,404.4,131z;M404.4,131C111,122,35.7-33.9-32.1-1.6c0,266.6,0,729,0,943.6 c140.6,120.7,311.5-142.8,502.3-100.9s383.8-65.9,399.3-262S697.8,140,404.4,131z;M404.4,131C98.9,203.2,35.7-33.9-32.1-1.6c0,266.6,0,729,0,943.6 c140.6,120.7,357,50.2,502.3-100.9s319.9-21.1,399.3-262S709.8,58.8,404.4,131z;"></animate></path></svg>

si lo pego en mi web se ve igual, pero lo que quiero es hacer un diseño diferente.

Alguno tiene idea de como hacer eso.
 
¿Te sirvió? Únete a la conversación

Con tu cuenta gratis puedes responder, escribirle al autor por mensaje privado y comprar con Saldo retenido: el pago se libera cuando recibes lo acordado.

Toma 30 segundos · vuelves a este tema al terminar
Hola

Como lo menciona Stron son vectores animados con css yo te recomendaría que buscaras un tutorial en youtube desde lo mas básico. Aunque a decir verdad no es muy complicado.

Que tengas éxitos realizando lo que deseas hacer.
 
Última edición:
Atrás
Arriba