两行css实现列表翻转
现在有一个列表长这样:
然后想把每一行换个位子,怎么实现??
来咯~~~~ 先看下效果
上代码!
table {
transform: rotate(180deg);
}
table tr {
transform: rotate(180deg);
}
怎么样,是不是hin神奇哈哈哈!!!就是使用css3的transform中的rotate,也就是旋转实现的,先把整个表旋转180°,然后你就发现整个表成下面这种了:
然后再把每一行旋转一下,就大功告成啦!!!
最后,欢迎讨论!~~~~~~嘿嘿嘿 (*^▽^*)