keyframesで表示したい画像が表示されないでaltで指定した文になってしまうのですがなぜでしょうか
コードは一つの画像についてのコードですが、実際はコレが四つあり%で指定した数値が少しずつずれて指定しています。
ローカルでは画像も表示されるのですがサーバーにアップして動きを確認すると画像が表示されません。
html <img class="kamon1" src="img/KAMON_bg1.png" alt="背景を動き回る家紋"> ------------- css @keyframes move1{ 0% { top: 0; right: 0; } 20% { top:200px; right:100px; } 40% { top: 400px; right:100px; } 60% { top: 600px; right: 200px; } 80% { top:900px; right:350px; } 100% { top: 1250px; right: 100px; transform: rotate(360deg);} } .kamon1{ position: absolute; animation-name: move1; animation-duration: 19s; animation-timing-function: linear; animation-direction: alternate; animation-iteration-count:infinite; } @-webkit-key frames move1{ 0% { top: 0; right: 0; } 20% { top:200px; right:100px; } 40% { top: 400px; right:100px; } 60% { top: 600px; right: 200px; } 80% { top:900px; right:350px; } 100% { top: 1250px; right: 100px; transform: rotate(360deg);} } .kamon1{ position: absolute; animation-name: move1; animation-duration: 19s; animation-timing-function: linear; animation-direction: alternate; animation-iteration-count:infinite; } コード