横向时间线变换

Question

谁能帮我把这个垂直时间轴转换成水平时间轴： http://jsfiddle.net/yinnette/XdQ5Y/

<div class="timeline">

非常感谢！

Answer 1

如果你只需要从这里制作水平你可以使用规则

.timeline{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);/** Chrome & Safari **/
  -o-transform: rotate(-90deg); /** Opera **/
  -moz-transform: rotate(-90deg); /** Firefox **/
}

http://jsfiddle.net/XdQ5Y/348/

横向时间线变换

horizontal timeline transformation

html

javascript

css

timeline