CSS3 設計-背單字應用

動態設定 CSS3 動畫樣式這篇當中,透過CSS3樣式設定,建立了一個滑動式的頁面切換的效果,現在加上一個簡單的亂數,建立一個背單字的網頁應用雛形如下:

《 下一個單字

每一次按「下一個單字」,滑出來的下一個頁面就會出現新的單字,由於還是概念階段,因此僅列舉最基本的A字母開頭大約50個國中小程度必須記住的單字。

相關技巧請參考動態設定 CSS3 動畫樣式。IE 不支援,請改用Chrome或是Firefox ...


沒有留言: