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 に答える