action在css中的用法

CSS 中 action 關鍵字用來定義滑鼠停留或啟動元素時的行為，語法：element:action { style-property: value; }。它可以應用於 :hover 和 :active 偽類，用於創建互動效果，例如更改元素外觀、顯示隱藏元素或啟動動畫。

action 在CSS 中的用法

action 關鍵字在CSS 中用於定義滑鼠懸停和激活元素時的行為。它指定在指定事件發生時所套用的樣式。

語法：

<code>element:action {
  style-property: value;
}</code>

事件：

• hover：滑鼠懸停在元素上時
• active：元素被啟動時（例如，按鈕被點擊時）

##用法：

#action 關鍵字可用來建立各種互動效果，例如：

• 更改元素的背景顏色：

<code>button:hover {
  background-color: #00FF00;
}</code>

• #新增或刪除邊框：

<code>a:active {
  border: 1px solid #FF0000;
}</code>

• 更改元素的字體大小或樣式：

<code>h1:hover {
  font-size: 1.5em;
  font-weight: bold;
}</code>

• 顯示隱藏元素：

<code>.hidden:hover {
  display: block;
}</code>

• 啟動動畫：

<code>.my-element:active {
  animation: my-animation 2s infinite;
}</code>

#注意：

action 關鍵字只能用於:hover 和:active 偽類。
• action 關鍵字的作用域僅限於定義的事件中。
• 可以使用多個 action 關鍵字來指定元素在不同事件下的不同行為。

以上是action在css中的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！