CSS跳動心形是一種很有趣的效果，可以在網站中加入一些浪漫的元素。下面是一段CSS代碼，可以實現跳動心形效果：

.heart {
position: relative;
width: 100px;
height: 90px;
}
.heart:before,
.heart:after {
position: absolute;
content: "";
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: red;
border-radius: 50px 50px 0 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
.heart:after {
left: 0;
transform: rotate(45deg);
transform-origin: 100% 100%;
}

上面的代碼中，我們創建了一個名為"heart"的CSS類，為其設置了寬高和相對定位，然后通過:before和:after偽類生成兩個半圓形，再通過rotate和transform-origin屬性將它們組成一個心形，并設置了顏色為紅色。

通過在CSS類中添加animation屬性，我們可以讓心形跳動起來：

.heart {
animation: beat 1s ease-in-out infinite;
}
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}

上面的代碼中，我們創建了一個名為"beat"的關鍵幀動畫，通過設置transform屬性對心形進行縮放，然后將其應用到"heart"類中。這樣，我們就可以看到一個跳動的心形了。

在實際應用中，我們可以將"heart"類應用到需要添加跳動心形的元素中，例如網站的標題或按鈕等地方，增加網站的趣味和浪漫感。