CSS内容的图像矩阵样式转换？

Question

因此，我正在研究web浏览器的一个特定应用程序，它要求我将颜色表示为一个直接的alpha通道，并将一个黑白alpha通道作为一个单独的元素。(一个example of both types

我知道很久以前，IE支持一些反常的过滤选项，但由于我正在做css3转换，所以我需要它在现代浏览器中工作，最好是Chrome。

基本上，我想要做的是应用CSS变换的元素，特别是旋转，然后我想把它复制到另一个同等大小的元素，它应用了黑/白变换。一个额外的好处是将原始元素设置为直接使用alpha，但我现在可以不使用它。

我还没有找到任何可以开始调查的途径。如果你有，我会非常感激的。我最后的办法是开始在WebGL或Canvas中执行操作，并在那里修改输出。

Answer 1

我实际上已经找到了答案。这是CSS着色器。

https://dvcs.w3.org/hg/FXTF/raw-file/tip/custom/index.html

目前还没有，但很快就会有。

不使用Canvas的原因是为了简化创作。(说来话长。)

Answer 2

使用绝对定位和z索引将两个或三个不同的元素堆叠在一起？这将要求您保存两个不同的图像，我猜您正在尝试避免。

Answer 3

您可以执行CSS 3D变换。新的IE浏览器、Chrome浏览器、火狐浏览器、iOS浏览器和安卓浏览器基本上都支持浏览器。

• where can you use them
• how to use them
• MDN