愛心一直是代表愛情和溫馨的象征，不少程序員利用 CSS 寫出了很多很棒的愛心特效動畫。以下就是一段非常經(jīng)典的純 CSS 制作愛心特效代碼：

/**
 * CSS-generated heart animation
 * by Rafael González.
 */
.heart {
animation: pulse 1.5s infinite;
cursor: pointer;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%);
height: 50px;
width: 50px;
}
.heart:before, .heart:after {
content: "";
position: absolute;
top: 0;
left: 25px;
width: 25px;
height: 40px;
background: #fc2e3d;
border-radius: 25px 25px 0 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
.heart:after {
left: 0;
transform: rotate(45deg);
transform-origin: 100% 100%;
}
@keyframes pulse {
0%   { transform: scale(1); }
50%  { transform: scale(1.1); }
100% { transform: scale(1); }
}

其中，.heart類是需要添加到心形圖標標簽上，比如是一個<i class="heart">的 DOM 元素。

使用這個代碼可以輕松地添加一個可愛的愛心特效動畫，令你的頁面變得更加感性和溫馨。