CSS3是前端開發中的一項重要技術，可以用于實現各種動畫和互動效果。其中，點贊按鈕的動畫效果是CSS3最受歡迎的應用之一。

.btn {
position: relative;
display: inline-block;
width: 60px;
height: 60px;
background-color: #eee;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease;
}
.btn::before {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 52px;
height: 52px;
background-color: transparent;
border-radius: 50%;
box-shadow: inset 0 0 0 2px #ccc;
transition: box-shadow 0.3s ease;
}
.btn span {
display: inline-block;
width: 0;
overflow: hidden;
transition: width 0.3s ease;
}
.btn.liked {
background-color: #fa8072;
}
.btn.liked::before {
box-shadow: none;
}
.btn.liked span {
width: auto;
padding: 0 10px;
}

通過給按鈕添加偽元素和動畫，可以實現按鈕的縮放和顏色變換效果。同時，在按鈕被點擊后，可以通過添加類名的方式實現點贊的邏輯。

除了基本的點贊按鈕，CSS3還可以實現更多有趣的點贊效果，例如旋轉、變形、彈跳等。這些效果不僅能提高用戶的操作體驗，也能美化頁面，讓網站更加生動有趣。

總之，CSS3點贊效果是一項非常好玩的技術，可以讓網站變得更加互動和有趣。希望通過本文的介紹，能夠讓更多的前端開發者掌握這項技能，創作出更加優秀的網站。