シンプルな問題があります:擬似要素(:after、:before)とメインアイテムにCSS遷移を付けると、メインアイテムのアニメーションの終了を待っている擬似要素のアニメーション。私は両方のアニメーションを同時にしたいです。 私はこの問題はFireFox(50.0.1)のChrome(54.0.2840.99)でのみ問題なく動作します。CSS3の遷移:後に擬似要素がメインアイテムの遷移終了まで待つ
問題を示すこのフィドル: https://jsfiddle.net/CptCrunch/wtse7e8b/1
body {
text-align: center;
}
a {
font-size: 50px;
font-weight: 800;
color: red;
text-decoration: none;
transition: all 1s linear 0s;
}
a:hover {
color: blue;
}
a::before {
content: "\0005B";
margin-right: 30px;
transition: all 1s linear 0s;
}
a::after {
content: "\0005D";
margin-left: 30px;
transition: all 1s linear 0s;
}
は、この問題を解決する方法はありますか?手伝ってくれてありがとう。
おかげで、疑似要素のためのアンカーと
margin
ためcolor
を使用しています。解決済み! – nbsp