画像がぼやけてしまったCSS 3

Question

web siteをスクロールすると、ロゴの画像がぼやけて見えます。 CSSは次のとおりです。

#logo img { 
    -webkit-transition: height .4s ease, opacity .3s ease; 
    -o-transition: height .4s ease, opacity .3s ease; 
    transition: height .4s ease, opacity .3s ease; 
} 

ロゴが移行（CSS）の後ファジーfews秒である理由のアイデア？

Answer 1

これは、PNGのサイズを変更するときに発生することがありますが、現在のロゴが1600ピクセル幅であることには本当に役立ちません。

http://be-crowd.com/images/Be-Crowd-30.png 

私はので、多分600PX広い周りそれを（網膜のために）その標準的な最大サイズのダブルサイズをやってお勧めします。

または、これらのスケールとしてSVGを使用してください。