用CSS3把列表项目反转显示
浏览数：36 /
时间：2015年06月09日
忘了哪儿的一个题目来着，说是把 一个列表 给翻转序列显示，比如 ：
有一个列表如图： 
翻转为 
回复里面有人机智的使用 CSS3 的 transform:rotate(180deg); 实现了，引发众人赞叹。
其实除了这种方法，还有其他的CSS3属性可以做到。今天在看 张鑫旭的这篇文章 的时候 发现 box-direction:reverse; 这个属性就很适合
废话不说 直接上 DEMO 细心的人可以比对出两种方案效果的差别。
用Chrome 打开，只对Chrome写了前缀。PS： 编写DEMO的时候 利用 pre style, pre script{ display:block;} 再加以格式化 真是好便捷～
结论：CSS3很强大，好多属性可以挖掘，赞别人的解决方案之余别禁锢了自己尝试解决问题的能力。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
