0

ウェブサイトの右側に 3 つのソーシャル メディア ボタンがあり、ホバーすると少し回転します。そして、誰かがそれらの上にカーソルを置くと、ウェブサイトのフォントが、ホバーしている間はほぼ太字になります。これらの画像でのみ発生し、非常に迷惑です。なぜこれが起こっているのか、誰にも推測できますか？

各ボタンに使用するhtml/CSS imは次のとおりです。

<div id="socialicon1"><a href="http://facebook.com/sentinelgaming" target="_blank"><img src="http://files.enjin.com/202624/social%20media/facebook%20square.png" width="50" height="50" alt="facebook button"/></a></div>

#socialicon1  img {
    position: fixed;
    top: 350px;
    right: 13px;
    -webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
    }

#socialicon1 img:hover { 
    -webkit-transform: rotate(-9deg); 
    -moz-transform: rotate(-9deg); 
    -o-transform: rotate(-9deg);
}

そして、これはウェブサイトそのものなので、それを見ることができます: http://www.sentinelgaming.net

事前にたくさんありがとう！

4

1 に答える 1

1

これは Webkit の既知の問題です: http://css-tricks.com/forums/discussion/18538/transforms-cause-font-smoothing-weirdness-in-webkit/p1

于 2013-02-13T18:50:34.937 に答える