我有这个 css 代码,上面有一个标签。当我将鼠标悬停在它上面时,我将它设置为斜面。
这是CSS:
#slider-next {
padding:10px 60px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: -moz-linear-gradient(top, #28c4e3 0%, #0d5664 100%); /* firefox */
text-shadow: 0 1px 2px #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28c4e3), color-stop(100%,#0d5664)); /* webkit */font-size:20px}
#slider-next:hover {
box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
-moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
-webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
border: solid #ccc 3px;
}
这是html:
<span id="slider-next" style="float:right"></span>
我想要做的是,当我将鼠标悬停在跨度文本上时,它会向上倾斜,以提供类似按钮的效果。现在它正在向下倾斜。
怎么让它弯起来?这是它的一个小提琴。