クロスフェードを実現するCSS4のcross-fade()クロスフェードを実現するCSS4のcross-fade() iOS6のMobile Safariではimage-set関数以外にもクロスフェードを実現するCSS4のcross-fade関数が実装されています。 cross-fade関数は元々、CSS3として実装が議論されていましたが最新の仕様ではCSS4に移行しているみたいです(よくわからないけど)。 クロスフェードでは2つの画象がそれぞれ異なる透過度をもって重なって表示している状態を作り出せます。 #img{ background:-webkit-cross-fade( url(cover.png) ,url(img.jpg) , 0% ); width:500px; height:667px; } この場合はcover.pngが0%の透過度、img.jpgが100%の透過度で表示されます。 サンプル #img{ background:-
