如何使用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圖像？

回答

相關問題