Streaming live at 10am (PST)

Keyshape SVG tips


#1

For those of you who have tried and not succeded to export and insert a SVG animation made in Keyshape – this worked for me.

The problem: The animation was superduper easy to insert – but only rendered right in Chrome.

Solution:

  1. Upload the SVG to Webflow
  2. Copy the link
  3. Embed the link in these kind of tags:
    <object type="image/svg+xml" data="your-url.svg"></object>

See the solution here: https://preview.webflow.com/preview/srey-88ee306efcb867682a73ef6f7349bc46?utm_source=srey-88ee306efcb867682a73ef6f7349bc46&preview=7caa14074836a7e606ea7d6d47a6e53e

Also – the SVG was exported with the KeyshapeJS-option.


#2

This is great! +1
and using grid too! +2