在CSS选择器之后转换：

Question

  

可能重复：
  CSS3 transition for :after pseudoelement

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

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生成内容的转换/动画。您可以使用以下链接跟踪其未来支持：http://css-tricks.com/transitions-and-animations-on-css-generated-content/