私はこのコードを持っています:
@keyframes margin-title
{
0% {margin: -170px 0 0 0}
100% {margin: -130px 0 0 0}
}
@-webkit-keyframes margin-title
{
0% {margin: -170px 0 0 0}
100% {margin: -130px 0 0 0}
}
h1 {
margin: -130px 0 0 0;
text-shadow: 0 0 10px #000;
animation: margin-title 1s ease, fade-title 4s;
-webkit-animation: margin-title 1s ease, fade-title 4s;
}
HTML:
<div id="home">
<h1>Photal</h1>
<p>lorem ipsum</p>
</div>
問題は、アニメーション「keyframe-title」がヘッダーだけでなく段落にも表示されることですが、段落に CSS コードを使用していません。それらは両方とも div 内にあり、影響を与える可能性のあるアニメーションはありません (推測します)。
ここにjsfiddleがあるので、理解できます: http://jsfiddle.net/ad3gP/1/
ありがとうございました