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

Question

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

html:

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

css:

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

Answer 1

您需要选择img:

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