css - 转换 :after CSS 选择器

Question

可能重复
：:after 伪元素的 CSS3 过渡

是否可以: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

Transition/Animation on CSS generated content is not supported yet. You can use the following link to keep track for its future support: http://css-tricks.com/transitions-and-animations-on-css-generated-content/