2015-10-08 CSS3を使って画像をスライド(平行移動)させてみる はてな シェアする Google+ Pocket CSS3を使って画像をスライド(平行移動)させてみる CSS3で画像を画像をスライド(平行移動)させる使用するCSSは <style type="text/css"> .slider { animation: slider1 4s infinite; } @-webkit-keyframes slider1 { 0%, 100% { transform:translateX(0); } 50% { transform:translateX(360px); } } @-moz-keyframes slider1 { 0%, 100% { transform:translateX(0); } 50% { transform:translateX(360px); } }
![CSS3を使って画像をスライド(平行移動)させてみる - 攻めは飛車角銀桂守りは金銀三枚](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd6f5011fe6516057f4c3944fcc19b7cf8fa7257/height=288;version=1;width=512/http%3A%2F%2Fcdn.mogile.archive.st-hatena.com%2Fv1%2Fimage%2Flightgauge%2F302455906461361203.jpg)