2

我正在尝试创建一些看起来与此类似的从上到下的文本，

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);
}
4

1 回答 1

1

你想旋转90deg而不是-90deg。

于 2011-08-22T12:23:56.240 回答