我有一个png图像设置为背景...
它完全显示在响应视图中......
每当我将鼠标悬停在该图像的一部分上时，只有该特定部分应该具有阴影效果。
是否有可能做到这一点？我该怎么做？
问问题
65 次
1 回答
0
在 CorelDRAW 中从矢量文档生成背景图像。您想要投影的每个组件都应该是它自己的对象（或对象组）。
光栅化。
现在，使图像的给定部分具有阴影。光栅尺寸。重复，给每个人一个有用的名字。
在原始图像和阴影图像之间生成差异。一种方法可能是将原始图像与投影图像进行异或。另一个可能是反向 alpha 合成它们。
大多数差异应该为零。从差异图像中去除一个矩形。
现在，在 CSS 中，当您希望显示阴影时，请使用与生成差异的操作相反的混合模式。如果您使用 xor 进行差异，请在差异图像和原始图像之间使用 xor。如果您使用反向 alpha-compositing，请使用 alpha-compositing。
我不是 css3 混合工作原理的专家，您必须尝试使用什么 diff 模式和什么混合模式。
您也可以在整个渲染图像之间进行交换。
于 2015-11-16T17:03:37.597 回答