如何使用CSS动画制作.jpg图像？

我试图动画的图像，即将其从左到右移动，但在执行css动画关键帧之前，我注意到我无法获取html中的元素来遵守CSS样式 - 无论我在CSS中做出的样式更改，画面上的网页大小保持不变，在同一个地方，等如何使用CSS动画制作.jpg图像？

HTML：

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

CSS：

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

来源

2013-02-20 Thomas H.

好是无论你在HTML类型的诚实/ CSS是静态的，这意味着一旦加载它会一直这样。想要动态CSS“功能”？想想Javascript。我的建议是在这种情况下使用jQuery为您的代码提供动画功能。 – 2013-02-20 22:31:21

您需要选择img：

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

来源

2013-02-20 22:29:28 dezman

@一个诡计小马，你的意思是'#animate img'是的，那也可以。 – dezman 2013-02-20 22:31:42

最好的办法是命名这个特定的img节点与一个唯一的ID，然后选择它在css – 2013-02-20 22:33:13

谢谢，这种工作 - 我选择了'#animate img'和用于测试的目的使宽度500px和高度400px。刷新页面 - 图像得到了这些尺寸。认为问题解决我设置宽度和高度先前的值，刷新 - 但图像仍然是500x400。重新启动浏览器 - 没有帮助。顺便说一句我删除'类=“缩略图”'从 - 它从以前的代码，并没有遗物张贴 – 2013-02-20 22:46:05

如何使用CSS动画制作.jpg图像？

回答

相关问题