CSS 虛擬類別 active 示範

元素正在被使用者觸發時會進入 active 狀態,這時就可以使用 :active 虛擬類別(pseudo-class) 選中該元素。最常見的使用方式就是用來產生點擊按鈕的互動回饋。
    
&style>
    button:active {
        background-color: darkgrey;
        transform: scale(0.98);   /* 縮小按鈕 */
    }
&/style>

&button>這是一個按鈕&/button>
    

範例:

文章撰寫中...請稍後...

參考資料:
mdn - 虛擬類別
mdn - :active

留言