當我們想在網頁中加入一個跳動的心時，就可以借助CSS的動畫效果來實現。

/* 定義跳動的心形樣式 */
.heart {
width: 50px;
height: 50px;
position: relative;
animation: beat 1s infinite;
transform: rotate(-45deg);
}
.heart::before,
.heart::after {
content: "";
width: inherit;
height: inherit;
border-radius: 50%;
position: absolute;
left: 0; 
}
.heart::before {
top: -25px;
background: red;
}
.heart::after {
top: 0;
left: 25px;
background: red;
}
/* 定義跳動的動畫 */
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}

上面的代碼中，我們首先定義了一個heart類，表示這個元素是一個心形，并且設置了它的寬度、高度和位置。

然后，我們使用偽元素before和after來創建心型的頂部和底部，并設置它們的背景顏色為紅色。最后，我們使用CSS3動畫來定義這個心形的“跳動”效果。