CSS3點贊數字加1動畫是一種通過CSS3動畫技術實現的動態效果，可以讓用戶在點擊點贊按鈕或其他觸發器時，看到點贊數字逐漸加1的動畫效果。這種效果通常用于裝飾網站、社交媒體應用或其他交互式的界面中。

在實現點贊數字加1動畫時，可以使用CSS3的動畫屬性和過渡效果。其中，動畫屬性可以使用@keyframeskeyframes規則定義，而過渡效果可以使用CSS的transition屬性和過渡類型來實現。

下面是一個簡單的示例代碼，展示了如何使用CSS3動畫技術實現點贊數字加1動畫：

.點贊-button {

width: 200px;

height: 40px;

background-color: #4CAF50;

border: none;

padding: 10px 20px;

border-radius: 5px;

text-align: center;

cursor: pointer;

.點贊-button:hover {

background-color: #45a049;

.點贊-button:active {

background-color: #4CAF50;

.點贊-count {

width: 100px;

height: 40px;

background-color: #4CAF50;

border: none;

padding: 10px 20px;

border-radius: 5px;

font-size: 24px;

animation: count 1s linear infinite;

@keyframes count {

0% {

transform: translate(0, 0);

100% {

transform: translate(0, 100px);

在上面的代碼中，我們定義了一個名為"點贊-button"的按鈕，并在其中定義了一個名為"點贊-count"的類，用于定義按鈕下面的點贊計數器。在按鈕的hover狀態中，我們定義了一個名為"點贊-count"的類，并在其中使用了一個@keyframes規則定義了一個動畫，當鼠標懸停在按鈕上時，點贊計數器的數字將逐漸加1。

通過使用CSS3動畫技術，我們可以輕松地實現各種動態效果，從而為網站或其他應用程序增添交互性和趣味性。