小编Dan*_*l W的帖子

假设我有2个DIV:

?<div class="div1"></div>
<div class="div2"></div>??????????????????????????????

我想要旋转它们:

div {
    position: absolute;
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
}

然后我想独立移动它们:

.div1 {
    background-color: red;
    -webkit-transform: translate(100px,0px);
    -moz-transform: translate(100px,0px);
}
.div2 {
    background-color: green;
    -webkit-transform: translate(0px,100px);
    -moz-transform: translate(0px,100px);
}?

问题是旋转和移动都使用transform属性,因此移动会覆盖旋转.是否有可能使值堆叠在一起而不是相互覆盖？

注意:
我将使用复杂的变换函数,而不仅仅是简单的翻译,所以我不能用just left和topproperties 替换它们.
我有很多 DIV,因此在分配各自的属性之前,选择所有这些DIV并应用它们的公共属性会更有效.

参考:jsFiddle

假设我正在渲染 2 个样本，这些样本将组合成单个图像。第一个样本包含可显示像素范围之外的值（在本例中大于 1）。但当减去第二个样本时，它确实落在该范围内。

在组合样本之前，我将样本存储在帧缓冲区纹理中。

我希望能够存储大于 1 的值，但这些值被限制为 1。GLSL 片段着色器可以输出这样的值吗？纹理可以存储它们吗？如果没有，我还能如何存储它们？

根据此页面，有可能：

渲染到屏幕要求输出具有可显示的格式，这在多通道管道中并不总是如此。有时，通道生成的纹理需要具有浮点格式，该格式不会直接转换为颜色

但根据规范，纹理浮点数被限制在 [0,1] 范围内。