1

你自己看。我不知道是否有可能摆脱那个奇怪的彩色边框。这段代码的重点是能够旋转图像并同时改变它的颜色。代码的方式是，图像的颜色和角度可以很容易地被编码为动态的。此代码使用白色的 png 图像，但具有爪印形状的透明层。这样，当您编辑背景颜色时，它会更改图像的颜色。如果不是因为添加到图像中的奇怪边框，它会很好用……请注意，如果您删除了旋转功能，则没有烦人的边框。

包括 JQuery 1.8.2，这里是 HTML/CSS 代码：

CSS：

.image {
display: inline-block;
margin-left:auto;
margin-right:auto;
background-color: blue;


transform: rotate(30deg);


}

HTML：

<span class="icon"></span>​
4

2 回答 2

2

添加这个：-webkit-backface-visibility:hidden;为我解决了

于 2012-12-15T01:05:07.767 回答
1

爪子是通过使其区域在 png 中透明并将背景设置为红色而将周围区域设置为白色来创建的。

我的建议，反其道而行之。在您的 png 中用红色填充爪子，并使其周围的空间保持透明。至少在您的小提琴中，它周围将不再有红线，因为背景颜色将设置为白色。

于 2012-12-15T01:36:49.280 回答