Problem embedding a playcanvas iframe on a website page

Help & Support
1

I am trying to do something similar to this: 3D - Different 3 dimensional projects

However I’m facing two problems
1- I have these horrible iframe borders around the project
2-the transparent setting on preferences

TRANSPARENT CANVAS Enable this if you want the canvas to blend with the background page. I tried removing the skybox but didn’t work as well.

Doesn’t work. So I’m having a hard time integrating my landing page with the playcanvas scene.

This is what I’m getting:

1906×932 51.2 KB

1901×933 94.3 KB

My original goal was something similar to this (photoshop mockup):

2000×2155 790 KB

The current scenes I’m working with (one version without skybox and one with it):

https://playcanv.as/b/WxP5yP3W/

https://playcanv.as/b/1u3ZxkH6/

Thank you!!!

2

Regarding 2, have you seen this post about the transparent background? [SOLVED] How to set a transparent background

3

For some reason it doesn’t work for me :frowning:

4

Use Dev Tools inspector to check what CSS is set on what to ensure you do have transparent backgrounds in places.