Streaming live at 10am (PST)

SVG Animation into div

#1

Hi guys, it is possible to ad svg animations (code) into a div??


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

Yes, why not?

#3

i also want to add this in my projects…
is there an example somewhere as showcase?
Is this an embed code with code…?
please @dram can you make an example for me… for example H2 in the project http://www.energy-observer.org

#4

You can easily paste any svg into the custom embed, yes. If the said svg is a self-contained animation like the one in my example it will play. The one from your example is a mix of two svg’s, some text and clip-path property which is harder to implement.

#5

hello @dram: can you look to this website www.titanrun.be
how can I add the svg?
image



the code: via F12
image

normal view laptopsreen should need to be: orignal: www.titanrun.be

who can help me
Thanks
Karel

my project:
https://preview.webflow.com/preview/karelrosseel-titanrun-svg?utm_source=karelrosseel-titanrun-svg&preview=718181a96b1bd123f1956bd3acf9aa7e

#6

Hi Karel,

can you please clarify your question? What do you want to achieve?

#7

@GermanMartin2017

Yes you can code svg animations for example, i use loading.io svg animations, but can also convert it to '<‘svg’> code

#8

hi my problem is that original an embed is to small and should be streched ovr the full width when ‘absolute’ is on full-screen.
Now I use backgroundimage and than ‘custom’ and for width 100vw and height auto.

I use the same parabol for www.cecemel.be https://www.cecemel.be/nl-BE/product/de-enige-echte

but is it correct to always strech manual?
thanks Karel

#9

hello @miekwave and @GermanMartin2017 I use http://editor.method.ac