3

重複の可能性
: :after 疑似要素の CSS3 トランジション

:afterCSS3トランジションを使用してセレクターをトランジションすることは可能ですか? 現在、国境を移行しようとしていますが、成功していません。

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;
}
4

1 に答える 1

0

CSS で生成されたコンテンツのトランジション/アニメーションはまだサポートされていません。次のリンクを使用して、今後のサポートを追跡できます: http://css-tricks.com/transitions-and-animations-on-css-generated-content/

于 2012-09-09T17:50:38.943 に答える