css - 转换 :after CSS selector

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
CSS3 transition for :after pseudoelement

是否可以转换 :after使用 CSS3 转换的选择器？目前我正在尝试过渡边界，但没有成功。

CSS

.selector:after{
    display:block;
    border:5px solid transparent;
    position:absolute;
    top:-5px;
    left:-5px;
    height:100%;
    width:100%;
    content: '';
    pointer-events:none;
    -webkit-transition:border-color .5s linear;
    -moz-transition:border-color .5s linear;
    -o-transition:border-color .5s linear;
    -ms-transition:border-color .5s linear;
    transition:border-color .5s linear;
}

.selector:hover:after{
    border-color: #bf0add;
    border-radius:5px;
    z-index:99;
}

Answer 1

尚不支持 CSS 生成内容的过渡/动画。您可以使用以下链接来跟踪其 future 的支持:http://css-tricks.com/transitions-and-animations-on-css-generated-content/