# \#css3drenderer

**URL:** https://discourse.threejs.org/tag/css3drenderer/1211.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Draggable, resizable, html frame on the science](https://discourse.threejs.org/t/draggable-resizable-html-frame-on-the-science/64894)

<div class="topic-metadata">

**Author:** [@gigstar](https://discourse.threejs.org/u/gigstar)\
**Replies:** 0\
**Last updated:** [May 1, 2024, 7:28am UTC](https://discourse.threejs.org/t/draggable-resizable-html-frame-on-the-science/64894 "2024-05-01T07:28:19Z")

</div>

Hello With CSS2DRenderer or CSS3DRenderer, is there any way to make a simple code that can have a 2D HTML box on the scene and adding to zoom function, that box is draggable and resizable. in some examples like this exa…

---

## [Blurry Text on CSS3D](https://discourse.threejs.org/t/blurry-text-on-css3d/53966)

<div class="topic-metadata">

**Author:** [@SamuelRice5566](https://discourse.threejs.org/u/SamuelRice5566)\
**Replies:** 4\
**Last updated:** [March 27, 2024, 2:14pm UTC](https://discourse.threejs.org/t/blurry-text-on-css3d/53966 "2024-03-27T14:14:23Z")

</div>

How do I make this text less blurry? This blur occurs on Chrome and Firefox, and I was wondering if there was a way to reduce it. I currently change the size of the css3d objects by 0.1, so then they fit in my scene …

---

## [Inaccurate perspective of CSS3DObject](https://discourse.threejs.org/t/inaccurate-perspective-of-css3dobject/61692)

<div class="topic-metadata">

**Author:** [@dkdndkemf](https://discourse.threejs.org/u/dkdndkemf)\
**Replies:** 5\
**Last updated:** [February 21, 2024, 4:27am UTC](https://discourse.threejs.org/t/inaccurate-perspective-of-css3dobject/61692 "2024-02-21T04:27:15Z")

</div>

In immersive-ar, when I put CSS3DObject straight up in a row, it’s well augmented in order from a distance. But when I approach the first object, there’s a phenomenon where the second object seems to come out forward. Th…

---

## [CSS3DRenderer interactive blind spot](https://discourse.threejs.org/t/css3drenderer-interactive-blind-spot/54423)

<div class="topic-metadata">

**Author:** [@jouvychen](https://discourse.threejs.org/u/jouvychen)\
**Replies:** 1\
**Last updated:** [August 27, 2023, 11:21am UTC](https://discourse.threejs.org/t/css3drenderer-interactive-blind-spot/54423 "2023-08-27T11:21:04Z")

</div>

Hey, guys. These two days, I have encountered a problem with CSS3DRenderer. When CSS3DRenderer renders interactive web pages through iframe, there are interactive blind spots at some angles, especially when the visual c…

---

## [Prevent text from being smushed on lower font-size](https://discourse.threejs.org/t/prevent-text-from-being-smushed-on-lower-font-size/51447)

<div class="topic-metadata">

**Author:** [@Alexander\_Rubino](https://discourse.threejs.org/u/Alexander_Rubino)\
**Replies:** 0\
**Last updated:** [May 10, 2023, 11:32pm UTC](https://discourse.threejs.org/t/prevent-text-from-being-smushed-on-lower-font-size/51447 "2023-05-10T23:32:56Z")

</div>

Hello. I have set up a CSS3DRenderer and a CSS3DObject (the big grey rectangle is a div), and that all works. I have added an h1 element to this div, which seems to work, however my model is currently very small in the …

---

## [Implementing HTML into three js](https://discourse.threejs.org/t/implementing-html-into-three-js/51375)

<div class="topic-metadata">

**Author:** [@Alexander\_Rubino](https://discourse.threejs.org/u/Alexander_Rubino)\
**Replies:** 4\
**Last updated:** [May 9, 2023, 10:14pm UTC](https://discourse.threejs.org/t/implementing-html-into-three-js/51375 "2023-05-09T22:14:33Z")

</div>

Hello everybody. I’m new to Three Js, but I have managed to set up the view you see on the image. I want to have individual HTML files displayed on all of the screens. The HTML will only be displayed when the object is …

---

## [CSS3DRenderer gets blurry in some situations, what might be the problem?](https://discourse.threejs.org/t/css3drenderer-gets-blurry-in-some-situations-what-might-be-the-problem/50179)

<div class="topic-metadata">

**Author:** [@yuridesideri](https://discourse.threejs.org/u/yuridesideri)\
**Replies:** 0\
**Last updated:** [April 10, 2023, 4:43pm UTC](https://discourse.threejs.org/t/css3drenderer-gets-blurry-in-some-situations-what-might-be-the-problem/50179 "2023-04-10T16:43:18Z")

</div>

Hello so I’ve been using 3Js for quite a while and can’t quite understand why this behavior is occuring and if there’s anyhow to fix it. The text gets blurry on this login screen When at my login Screen is at 100% zoom: …

---

## [CSS3D Object and dragcontrol](https://discourse.threejs.org/t/css3d-object-and-dragcontrol/42822)

<div class="topic-metadata">

**Author:** [@zakarialaoui10](https://discourse.threejs.org/u/zakarialaoui10)\
**Replies:** 2\
**Last updated:** [January 30, 2023, 11:00pm UTC](https://discourse.threejs.org/t/css3d-object-and-dragcontrol/42822 "2023-01-30T23:00:49Z")

</div>

is there a way to link CSS3DObject to dragcontrol ?

---

## [Problem with interaction when merging WebGLRenderer & CSS3DRenderer](https://discourse.threejs.org/t/problem-with-interaction-when-merging-webglrenderer-css3drenderer/48702)

<div class="topic-metadata">

**Author:** [@Smithangshu\_Ghosh](https://discourse.threejs.org/u/Smithangshu_Ghosh)\
**Replies:** 30\
**Last updated:** [March 14, 2023, 5:09am UTC](https://discourse.threejs.org/t/problem-with-interaction-when-merging-webglrenderer-css3drenderer/48702 "2023-03-14T05:09:49Z")

</div>

Hi, I am facing an issue if I would add WebGLRenderer & CSS3DRenderer together. And if I can make the CSS to properly oculate the WebGL objects. Then I find I can not interact with CSS3DObjects and if I would set pointe…

---

## [Where to download CSS3DRenderer JS?](https://discourse.threejs.org/t/where-to-download-css3drenderer-js/48956)

<div class="topic-metadata">

**Author:** [@jcy](https://discourse.threejs.org/u/jcy)\
**Replies:** 6\
**Last updated:** [March 11, 2023, 10:21am UTC](https://discourse.threejs.org/t/where-to-download-css3drenderer-js/48956 "2023-03-11T10:21:11Z")

</div>

Hi, I’m trying to include CSS3DRenderer to a project and all of the example JS links appear to be broken. For example this code: Has \<script src="//cdn.rawgit.com/mrdoob/three.js/master/examples/js/renderers/CSS3DRe…

---

## [How do i get occlusions of WebGLObjects onto CSS3DObject](https://discourse.threejs.org/t/how-do-i-get-occlusions-of-webglobjects-onto-css3dobject/47008)

<div class="topic-metadata">

**Author:** [@Vivasvan\_Patel](https://discourse.threejs.org/u/Vivasvan_Patel)\
**Replies:** 3\
**Last updated:** [January 18, 2023, 12:40pm UTC](https://discourse.threejs.org/t/how-do-i-get-occlusions-of-webglobjects-onto-css3dobject/47008 "2023-01-18T12:40:17Z")

</div>

I have a complex scene with a lot of objects and I want to add a YouTube Panel somewhere in the scene. Example: Voxels (this uses babylon) but achieves the same effect But after adding the iframe the CSS3DRenderer is n…

---

## [Combine WebGLRenderer with CSS3DRenderer](https://discourse.threejs.org/t/combine-webglrenderer-with-css3drenderer/37899)

<div class="topic-metadata">

**Author:** [@cabada](https://discourse.threejs.org/u/cabada)\
**Replies:** 2\
**Last updated:** [May 9, 2022, 6:34am UTC](https://discourse.threejs.org/t/combine-webglrenderer-with-css3drenderer/37899 "2022-05-09T06:34:28Z")

</div>

Is there any solution or workaround for this? Or am I digging into an infinite rabbit hole? I want to mix CSS3DRenderer with WebGLRenderer in order to be able to display in-real-time websites in my game experience. Is t…

---

## [CSS3DREDNERER object](https://discourse.threejs.org/t/css3drednerer-object/36464)

<div class="topic-metadata">

**Author:** [@cheenou13](https://discourse.threejs.org/u/cheenou13)\
**Replies:** 7\
**Last updated:** [March 29, 2022, 3:58pm UTC](https://discourse.threejs.org/t/css3drednerer-object/36464 "2022-03-29T15:58:20Z")

</div>

Hello all, I am trying to put the plane mesh in front of a CSS3DObject but for some reason, the css3dobject always seems like it was in front of the plane mesh (normal 3dobject). so I tried and set the plane’s z coordin…

---

## [Sync DOM element movement on Z axis to be the same with WebGL 3DObject movement](https://discourse.threejs.org/t/sync-dom-element-movement-on-z-axis-to-be-the-same-with-webgl-3dobject-movement/36151)

<div class="topic-metadata">

**Author:** [@kordou](https://discourse.threejs.org/u/kordou)\
**Replies:** 0\
**Last updated:** [March 19, 2022, 11:42am UTC](https://discourse.threejs.org/t/sync-dom-element-movement-on-z-axis-to-be-the-same-with-webgl-3dobject-movement/36151 "2022-03-19T11:42:32Z")

</div>

Hi All, I am trying to make a zoom effect on a page, so as the camera moves in the -z direction in passed a 3dObject and next to is a DOM div. So I need to DOM div to be in the same z axis position as the 3d Object (li…