CSS 打印愛心是一種非常有趣的技巧。要想實現這個效果，需要使用 CSS 的偽元素和轉變屬性。

.heart {
position: relative;
width: 100px;
height: 90px;
margin: 20px auto;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.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);
-webkit-transform: rotate(-45deg);
}
.heart::after {
left: 0;
border-radius: 0 0 50px 50px;
}

上面的代碼是實現 CSS 打印愛心的核心代碼。

首先，創建一個 class 為 heart 的元素，定義它的基本屬性，比如寬度、高度、邊距等，然后使用 transform 屬性將它旋轉 -45 度。

接著，使用偽元素 before 和 after 分別創建兩個半個心形圖案的元素。before 元素的位置在右半個心形圖案的正中間，after 元素的位置在左半個心形圖案的正中間。這兩個元素的樣式基本相同，只是兩個元素的 border-radius 屬性有所不同，分別定義了不同的圓角。

通過這樣的方式，在心形圖片正中間交疊的位置就出現了一個完整的心形圖案。非常有趣，也非常實用。