我创建了一个css按钮。我想旋转垂直文本按钮,但只是文本。我怎样才能做到这一点。我的CSS按钮代码:旋转CSS按钮中的文本
.button_example{
border:1px solid #7d99ca;
-webkit-border-radius: 3px;
display: table-column-group;
/*-webkit-transform: rotate(-90deg); rotate the whole button*/
-moz-border-radius: 3px;
border-radius: 5px;
font-size:22px;
font-family:Impact, Charcoal, sans-serif;
padding: 10px 10px 10px 10px;
text-decoration:none;
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:strong;
color: #00a19c;
color: #3388fa;
background: transparent; /* size and positioning*/
margin-left: 121px;
margin-top: 1px;
width: 24px;
height: 485px;
font-size:14px;
font-weight:700;
position:absolute;left:1120px;top:180px;
background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#FFFFFF);
}
任何想法如何旋转只是文本?
你能给我举一个例子。我在CSS中是虚拟的。我试图为text_rotation创建一个完整的类。 –
我编辑了我的答案。 – Sven
您还需要在该范围内添加'display:inline-block;'以便旋转工作 –