大家可能經常會看到類似酷炫的網站：
在這類網站中能看到，一打開頁面，無論是文字還是圖片，都隨著規定時間的而變化。原理很簡單，主要用到CSS中animation屬性。
接下來，我以我目前的工程項目為例，實現文字和圖片的動畫效果。（效果如上圖GIF）
HTML代碼編寫：
目前大體的框架已經寫好，包含一個section標簽，span（根據喜好添加）,h2標簽。接下來向其中添加文字代碼。將代碼放在h2中。
第一種文字動畫HTML。
第二種文字動畫HTML。
圖片變換效果，如上GIF的展示。圖片從右滑動并更替。
ok,至此HTML代碼搞定，現在來實現最核心的部分：CSS設置動畫及字體樣式。
CSS代碼編寫
這里順帶一講，perspective 屬性定義 3D 元素距視圖的距離，以像素計。當為元素定義 perspective 屬性時，其子元素會獲得透視效果，而不是元素本身。數字800px代表元素距離視圖的距離。-moz代表firefox瀏覽器私有屬性，-ms代表IE瀏覽器私有屬性，-webkit代表chrome、safari私有屬性，-o代表opera瀏覽器私有屬性.
對于具體的<span>標簽位置設置根據實際情況設置。
