THREE.js 中的 CSS 到 GLTF 对象

标签 css three.js aframe

是否可以将 CSS 赋予 THREE.js 中的 GLTF 模型,比如透明度? 我的意思是,不是在 javascript 中,而是在 CSS 样式中? 有点像

<style>
.trans {
 opacity: 0.5;
}
</style>

<a-asset-item class="trans">
</a-asset-item>

最佳答案

无论引擎或模型格式如何,CSS 都不能原生应用于 WebGL。

因为我看到你在使用 A-Frame,你可能想看看 aframe-mss它添加了(使用 JavaScript,而不是浏览器的 CSS 实现)类似 CSS 的语法,可以与加载到 A-Frame 中的模型一起使用。

相关:https://github.com/aframevr/aframe/issues/1102

关于THREE.js 中的 CSS 到 GLTF 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48153247/

相关文章:

php - 如果为空则隐藏 HTML/JQuery 表格(footable)

Three.js/GLSL - 将像素坐标转换为世界坐标

javascript - 使用浏览器和 javascript 检测 GPU

javascript - three.js - 无法创建圆柱体

javascript - aframe设置视频播放器大小

aframe - 如何隐藏 A-Frame 的 VR 模式/护目镜图标?

css - 如何在 cycle2 cycle-overlay 中更改字体颜色

html - 如何在整个页面上创建一个深色半透明封面?

javascript - 具有悬停状态的 Jquery CSS 缩略图

three.js - 是否可以只使组件的一部分不可见?