CSS

It is a pseudo-class used to style an element while it is being clicked.

:active

:active は、リンクやボタンなどの要素を「クリックして押している間」に適用される特別な状態を指定するためのCSS疑似クラスです。

ユーザーが要素を押した瞬間から指やマウスボタンを離すまでの短い間だけ有効になり、見た目を変えることで「今まさに押されている」という操作感を表現できます。

たとえば、ボタンを押したときに色を暗くして「押し込まれた感じ」を出すのによく使われます。