最近在學習CSS動畫效果，發現了一種特別可愛的動畫效果——愛心跳動。代碼如下：

.heart {
width: 50px;
height: 50px;
background-color: #ff69b4;
transform: rotate(45deg);
position: relative;
animation: beat 1s infinite ease-in-out;
}
.heart:before,
.heart:after {
content: "";
width: 50px;
height: 50px;
background-color: #ff69b4;
border-radius: 25px 25px 0 0;
position: absolute;
}
.heart:before {
top: -25px;
left: 0;
}
.heart:after {
top: 0;
left: -25px;
}
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(0.6);
}
100% {
transform: scale(1);
}
}

這個愛心的原理其實就是利用CSS的animation屬性，結合關鍵幀@keyframes來實現。其中，使用:before和:after偽元素來實現心形，利用rotate()讓愛心旋轉45度。

這個效果非常適合在情人節等節日使用，可以把它放在網頁中任何一個需要表達愛意的位置。同時，也可以結合JavaScript和jQuery來實現一些更加炫酷的動畫效果。

好了，那么現在你有了一個可愛的愛心動畫效果，趕快去嘗試一下吧！