Mouse Event 滑鼠事件

Element: mousedown event - 按下時觸發

Element: mouseup event - 放開時觸發

聯想到 CSS pseudo-class:
原CSS樣式

.carousel-button {
  opacity: 0.25;
  transition: opacity 0.25s;
  ...
}

:active 滑鼠放開後 回原CSS樣式。 e.g.: 未放開滑鼠前按鈕放大1.2倍。

.carousel-button:active {
  transform: scale(1.2);
}

:focus 滑鼠放開後仍是:focus CSS樣式。

.carousel-button:hover,
.carousel-button:focus {
  opacity: 0.8;
}

reference:
Mouse Event 小筆記