如何使用CSS设置.jpg图像的动画？

我正在尝试设置图像的动画，即从左到右和向后移动图像，但在实现css动画关键帧之前，我注意到我无法使html中的元素遵循css样式-无论我在css中做了什么样式更改，网页上的图片都保持相同的大小，在相同的位置，等等

html:

您需要选择img：

您需要选择img：

---

老实说，无论您在html/css中键入什么，它都是静态的，这意味着一旦加载，它总是这样。想要动态css功能吗？想想Javascript。我的建议是在本例中使用jQuery为您的代码提供动画功能。老实说，无论您在html/css中键入什么，它都是静态的，这意味着一旦加载，它将始终是这样。想要动态css功能吗？想想Javascript。在这种情况下，我的建议是使用jQuery为您的代码提供动画功能。@一个技巧小马，您的意思是动画img是的，这也会起作用。最好的方法是用唯一的id命名这个特定的img节点，然后在cssthanks中选择它，这种方法很有效-我选择了动画img，出于测试目的，将宽度设为500px，高度设为400px。刷新页面-图像获得这些维度。认为问题解决了，我将宽度和高度设置为以前的值，刷新了-但图像仍然保持500x400。重新启动浏览器-无帮助。顺便说一句，我从以前的代码中删除了一个类＝缩略图，在PixNoGK之前没有注意到它，我认为我的最后一个注释与这个线程中提出的主要问题无关，因此我考虑这个问题。answered@One戏法小马，你的意思是动画，是的，最好的方法是用一个唯一的id来命名这个特定的img节点，然后在cssthanks中选择它，这样就成功了——我选择了动画img，为了测试的目的，制作了宽度500px和高度400px。刷新页面-图像获得这些维度。认为问题解决了，我将宽度和高度设置为以前的值，刷新了-但图像仍然保持500x400。重新启动浏览器-无帮助。顺便说一句，我从以前的代码中删除了一个类=缩略图，在PixNoGK之前没有注意到它，我认为我的最后一个注释与这个线程中提出的主要问题无关，因此我考虑回答的问题。

<div id="animate"><img class="thumbnail" src="flower.jpg"> </div>

#animate 
{
    width:200x;
    height:100px;
}

img {
    width: 200x;
    height: 100px;
}