用CSS3把列表項目反轉顯示

忘了哪兒的一個題目來着，說是把 一個列表 給翻轉序列顯示，好比 ：

有一個列表如圖： 翻轉爲 

回覆裏面有人機智的使用 CSS3 的 transform:rotate(180deg); 實現了，引起衆人讚歎。 

其實除了這種方法，還有其餘的CSS3屬性能夠作到。今天在看 張鑫旭的這篇文章 的時候 發現 box-direction:reverse;  這個屬性就很適合

廢話不說 直接上 DEMO  細心的人能夠比對出兩種方案效果的差異。

用Chrome 打開，只對Chrome寫了前綴。PS： 編寫DEMO的時候  利用 pre style, pre script{ display:block;} 再加以格式化 真是好便捷～

結論：CSS3很強大，好多屬性能夠挖掘，贊別人的解決方案之餘別禁錮了本身嘗試解決問題的能力。