css - 如何使用 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;
}