# How to make Photorealistic 3D tiles translucent?

**URL:** <https://community.cesium.com/t/how-to-make-photorealistic-3d-tiles-translucent/24362>\
**Category:** CesiumJS\
**Created:** [May 29, 2023, 10:42am UTC](https://community.cesium.com/t/how-to-make-photorealistic-3d-tiles-translucent/24362 "2023-05-29T10:42:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![knek](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/knek/32/3476_2.png) [@knek](https://community.cesium.com/u/knek)\
**Post date:** [May 29, 2023, 10:43am UTC](https://community.cesium.com/t/how-to-make-photorealistic-3d-tiles-translucent/24362/1 "2023-05-29T10:43:00Z")

</div>

I would like to overlap with the Google photorealistic 3D tile and the existing 3D city model colored by the specified attribute.  
However, the volume and position of the two 3D tiles are different, and it is not displayed properly, so I want to make the two tiles translucent.  
Do you know how to make the photorealistic 3D tile translucent?

---

<div class="post-metadata">

**Author:** ![jjhembd](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/jjhembd/32/10144_2.png) [@jjhembd](https://community.cesium.com/u/jjhembd)\
**Post date:** [June 5, 2023, 4:30pm UTC](https://community.cesium.com/t/how-to-make-photorealistic-3d-tiles-translucent/24362/2 "2023-06-05T16:30:21Z")

</div>

Hi @knek, you can use a [Cesium3DTileStyle](https://cesium.com/learn/cesiumjs/ref-doc/Cesium3DTileStyle.html) to set the transparency. For a photogrammetry tileset like Google’s Photorealistic 3D Tiles, you can set a transparent color:

```javascript
  tileset.style = new Cesium.Cesium3DTileStyle({
    color: 'color("white", 0.9)'
  });

```

Here’s a quick [demonstration in a Sandcastle example](https://sandcastle.cesium.com/#c=dVLBahsxEP2VwRSyBqNNyantxrQkpZeUBmJ62kNkaeIdotUYaezFDf73Slqb2mlyEnoz7+nNGxn2UWBLOGCAa/A4wA1G2vTqd8GqdmLK/Ya9aPIY2skMXloPINSjS8hneNIu4ixj2lOvhdifgtGgx59s8Z7MM4bT0lJHvNM7DK9L++mX1re+rmHRIawcLxEsYwTPklyiBWHIGMW1SwJ2VpojeYMgiXLfsXBA7SgKGbi6hQW5xE8NbmNTD4aQ5mn9OLsqJlV5SMWOhxRG8XK08c3a9zRbL2E3ZmJKnJJRlCShB01yTNQkquAP5pXDc6mr28VIqfLYAGee1oF6EtpiVNra6iA+Nh4uKsrO4fn+xmNUfsjlqjjMHh2npC/KmfY7dCSYt3qpPk0vck8Jfw9Gi+mgSkFxmP6bjx0qx6vq8XsugGNtya/eDfxoMdM/vBSx/WN5oPWT2aQp1uejNYCv1K85CGyCq5SqBfu0XsFYLzfpg4gyMY6TAzT1KbWxtAWy12/8VzBOx5gqTxvnHuhPGnbe1Kn/P+phll9bDOlT5bbu4/xuBJVSTZ2ubzOF2S11eKX8Fw).

The results may be a little confusing. You will start to see tiles on the backside of the globe. But it may be enough for your use case, to show the alignment between two tilesets.

---

<div class="post-metadata">

**Author:** ![saadat2930](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/saadat2930/32/13202_2.png) [@saadat2930](https://community.cesium.com/u/saadat2930)\
**Post date:** [January 31, 2025, 3:06am UTC](https://community.cesium.com/t/how-to-make-photorealistic-3d-tiles-translucent/24362/3 "2025-01-31T03:06:49Z")

</div>

Hi @jjhembd  
If we disable globe or set baselayer alpha to 0, and then set the 3d tileset opacity, it shows the opposite side of globe. Is there a way we can restrict that, and set the opacity of tileset with a black background/underground