In this example we will implement a 360 Viewer with custom background.
Here is a working example of how the 360 Viewer should look like with a custom background. The image format is part of the contract and by default a non-transparent background is used. You can see the html and the code by clicking on the tabs.
1. Implementing the 360 HD Viewer
Before continuing, please follow step 1 - 4 in Simple implementation
2. Add a background
We are going to add a css gradient background to the viewer container, you can also use a picture background.
background: linear-gradient(top, #999999 1%,#cacaca 39%,#dedede 48%,#f5f5f5 100%);