iPhone向けのWebサイトで滑らかにスライドアニメーションをさせるときのお話。結論から言うと、現時点では-webkit-transform translate3dを使うのがベストなようです。 以下、テストで使用したコードです。サンプル画像としてappleのiPhone4の画像を使わせてもらいました。 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <style> * { margin: 0; padding: 0; } #slider { width: 601px; height: 100%; overflow-x: hidden; position: absolute; } #slider ul