慢慢地從左到右顯示圖像

Question

我想在www.longbeachcharters.com上覆制綠色標題圖像的效果。

主要問題是這是一個.swf，我不想使用它。

因爲我對Javascript的使用經驗很少，所以我想繼續編碼到CSS，除非沒有其他選擇。

在此先感謝。

Answer 1

你可以使用CSS轉換爲動畫標題的寬度：

.bar { 
    width: 0; 
    transition: 2s width; 
} 

.bar.open { 
    width: 100%; 
} 

然後你只需要設置的頭，你想要的顏色或圖片的背景。

https://jsfiddle.net/42Lyx1aj/