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