CSS实现span里面的字体旋转

CSS实现span里面的字体旋转：

    主要是用到了CSS3 2D 转换方法 transform:rotate

<span style="font-size:18px;">.icon-over {
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    border:1px solid #EF784B;
    color: #EF784B;
    font-size:12px;
    border-radius: 50%;
    transform:rotate(-30deg);
}</span>

    效果：