CSS 愛心點贊效果是一個非常流行的網頁美化方式，下面是一段 CSS 代碼實現這個效果：

.like {
position: relative;
width: 40px;
height: 40px;
cursor: pointer;
}
.like:before,
.like:after {
content: '';
position: absolute;
width: inherit;
height: inherit;
border-radius: 50%;
background-color: #fff;
transition: transform 0.2s ease-out;
}
.like:before {
top: 0;
left: 0;
transform: scale(1);
}
.like:after {
top: 0;
left: 0;
transform: scale(0);
}
.like.clicked:before {
transform: scale(0);
}
.like.clicked:after {
transform: scale(1);
}

這段代碼使用偽元素 ::before 和 ::after 來創建兩個圓，然后使用 CSS 過渡效果和 transform 屬性來讓這兩個圓以一個心形狀的方式轉化。當用戶點擊點贊按鈕時，我們通過添加 clicked 類名來觸發點贊效果。

通過 JavaScript，我們可以輕松地實現點擊按鈕觸發這個效果。比如：

var likeButton = document.getElementById('like-button');
likeButton.addEventListener('click', function() {
likeButton.classList.toggle('clicked');
});

此外，在網站中應用這個效果時，我們還需要添加 HTML 結構，如：

<button id="like-button" class="like"></button>