htmlタグとCSS一覧へ戻る
Javascriptを使用せず、ＣＳＳのみで背景を縦に移動。ＩＥ９以下では作動せず。
CSS
<style> div { width:200px; height:234px; background:url(1.jpg); position:relative; animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /* Safari and Chrome */ } @keyframes mymove { from {top:0px;} to {top:200px;} } @-webkit-keyframes mymove /* Safari and Chrome */ { from {top:0px;} to {top:200px;} } </style>
html
<div></div>