愛心評分是一款非常受歡迎的CSS3效果,它能夠讓你的網站更加有趣、個性化,并且讓用戶感受到你對他們的關愛與體貼。
.heart-rating { margin: 0; padding: 0; list-style: none; font-size: 30px; color: #e60073; } .heart-rating li { display: inline-block; margin-right: 10px; cursor: pointer; } .heart-rating .fa-heart:hover, .heart-rating .fa-heart.active { color: #ff4d8f; }
這段CSS3代碼中,我們通過自定義CSS樣式實現了一組心形圖標,當用戶鼠標懸停或選中其中的一個心形圖標時,圖標的顏色會發生變化,從而達到了一個非常好的用戶交互效果。
此外,需要注意的是,在使用愛心評分的時候,需要引入相關的字體庫,例如FontAwesome,否則圖標將無法正常顯示。
總而言之,愛心評分是一種很有趣、也很有用的CSS3效果,可以使用在各種網站上,讓用戶感受到你的關懷與體貼,從而增強用戶對你的好感度。