css after before属性做transform旋转效果时不生效

css 中对after，before进行旋转操作时失效，添加display:inline-block 即可生效 

.className:before{
    display:inline-block;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}