trance

忘了哪兒的一個(gè)題目來著，說是把 一個(gè)列表 給翻轉(zhuǎn)序列顯示，比如 ：

有一個(gè)列表如圖： 翻轉(zhuǎn)為 

回復(fù)里面有人機(jī)智的使用 CSS3 的 transform:rotate(180deg); 實(shí)現(xiàn)了，引發(fā)眾人贊嘆。 

其實(shí)除了這種方法，還有其他的CSS3屬性可以做到。今天在看 張鑫旭的這篇文章 的時(shí)候 發(fā)現(xiàn) box-direction:reverse;  這個(gè)屬性就很適合

廢話不說 直接上 DEMO  細(xì)心的人可以比對出兩種方案效果的差別。

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

結(jié)論：CSS3很強(qiáng)大，好多屬性可以挖掘，贊別人的解決方案之余別禁錮了自己嘗試解決問題的能力。