愛心樹是一款非常有趣的純CSS代碼，它使用了動畫效果將一棵樹變成了一個充滿愛心的樹。

.heart-tree {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 20px solid #3cc3d8;
position: relative;
}
.heart-tree:before,
.heart-tree:after {
content: "";
position: absolute;
left: -15px;
top: -20px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 20px solid #3cc3d8;
transform: rotate(15deg);
}
.heart-tree:after {
left: auto;
right: -15px;
transform: rotate(-15deg);
}
.heart-tree .heart {
background-color: #ff485f;
position: absolute;
top: -7px;
left: 0;
width: 30px;
height: 30px;
border-radius: 50%;
transform: rotate(-45deg);
animation: heart-beat 0.8s infinite linear alternate;
}
.heart-tree .heart:before,
.heart-tree .heart:after {
content: "";
position: absolute;
background-color: #ff485f;
}
.heart-tree .heart:before {
width: 30px;
height: 30px;
border-radius: 50%;
top: -15px;
left: 0;
}
.heart-tree .heart:after {
width: 30px;
height: 30px;
border-radius: 50%;
top: 0;
left: 15px;
}
@keyframes heart-beat {
0% {
transform: scale(1);
}
50% {
transform: scale(0.6);
}
100% {
transform: scale(1);
}
}

上面的代碼就是實現這款愛心樹的主要代碼。我們可以看到，首先定義了一個`.heart-tree`的類，這個類定義了愛心樹的整體框架。接著定義了兩個`before`和`after`偽元素，分別用于制作愛心樹的兩個分支。然后在`.heart-tree`中加入了一個`.heart`的子元素，作為樹枝上的愛心。最后使用`keyframes`定義了一個`heart-beat`動畫，讓愛心實現跳動的效果。

這款愛心樹的實現方式非常巧妙，通過使用純CSS實現了非常有趣、生動的效果，給人留下了深刻印象。它可以用作網頁設計中的裝飾元素，讓頁面更加生動有趣。