图像矩阵样式转换CSS内容?

时间:2011-12-28 13:29:01

标签: css3 webgl css-transforms

所以我正在寻找一个特定的Web浏览器应用程序,它要求我将颜色表示为一个直的alpha通道,黑色和白色alpha通道作为一个单独的元素。 (example of both types

我知道很多以前,IE支持一些反向过滤器选项,但由于我正在进行css3转换,我需要在现代浏览器中工作,最好是Chrome。

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

我无法找到任何可以开始调查的路线。如果你有一个,我会非常感激。我的最后一招是在WebGL或Canvas中开始做事并修改那里的输出。

3 个答案:

答案 0 :(得分:0)

使用绝对定位和z-index将两个或三个不同的元素堆叠在一起?这将需要您保存两个不同的图像,我猜你正试图避免。

答案 1 :(得分:0)

您可以进行CSS 3D变换。浏览器支持基本上适用于较新的IE,Chrome,Firefox,iOS和Android。

答案 2 :(得分:0)

我确实找到了答案......这是CSS Shaders。

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

尚未推出,但很快就会推出。

不使用Canvas的原因是为了简化创作。 (长篇故事。)