Question

我正在尝试创建一些与此类似的顶级文本，

T  
E  
X  
T  

H  
E  
R  
E

然而，我的代码产生了正确的效果，但没有严格正确地说出来，因为它正在像这样输出

E  
R  
E  
H  

T  
X  
E  
T

这是我的CSS，我怎样才能使节目成为第一个例子，而不是第二个？

.accordion li > h2 {
    color: black;
    font-weight: normal;
    margin: 0;
    z-index: 2;
    position: absolute;
    top: 0; left: 0;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-100%) rotate(-90deg);
    -moz-transform-origin: right top; 
    -o-transform: translateX(-100%) rotate(-90deg);
    -o-transform-origin: right top;
    -ms-transform: translateX(-100%) rotate(-90deg);
    -ms-transform-origin: right top;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: right top;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

Answer 1

您想要轮播90deg而不是-90deg。

css3旋转和原点

1 个答案: