基礎理解２：CSS3ボタンanimation_html/css_WEB-ITnose

Css3 ボタンは非常にうまく機能することがわかりました。詳しく見てみると、::after、::before であり、それを実現するためにトランジション、トランスフォーム、その他の効果を追加することで簡単に実現できます。ポイント:

1. 位置の配置には疑似クラスが必要です。相対的なボタンも配置する必要があります。通常、ボタンは 1 に設定され、button::after または button: before は -1 に設定されます。

3. アニメーション効果を実現するためのトランジション

コードは次のとおりです。