2

これに似たトップツーテキストを作成しようとしていますが、

T  
E  
X  
T  

H  
E  
R  
E

ただし、私のコードは正しい効果を生み出していますが、このように出力しているため、厳密には正しく話していません

E  
R  
E  
H  

T  
X  
E  
T

これが私のCSSです。2番目ではなく最初の例として表示されるようにするにはどうすればよいですか?

.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 に答える