CSS3評分效果，是一種通過CSS3技術實現的，用于顯示評分的效果。在許多網站上，評分效果常常被用于商品評價、電影評分等場景中，非常實用。下面我們將介紹如何使用CSS3實現評分效果。

/* 示例1 */
.star {
display: inline-block;
width: 20px;
height: 20px;
background: url(star.png) no-repeat;
}
.star-full {
background-position: 0 0;
}
.star-half {
background-position: -20px 0;
}
.star-empty {
background-position: -40px 0;
}
/* 示例2 */
.stars {
display: inline-block;
font-size: 0;
width: 100px;
height: 20px;
background: url(stars.png) repeat-x;
}
.stars:before {
content: '';
display: block;
width: 60%;
height: 100%;
background: url(stars.png) repeat-x -100px 0;
position: absolute;
top: 0;
left: 0;
}
/* 示例3 */
.star-rating {
font-size: 0;
white-space: nowrap;
display: inline-block;
width: 150px;
height: 30px;
background: url(star-rating.png) repeat-x;
position: relative;
}
.star-rating:before {
content: '';
display: block;
width: 76%;
height: 100%;
background: url(star-rating.png) repeat-x left -30px;
position: absolute;
top: 0;
left: 0;
}

如上代碼，我們提供了三種不同的實現評分效果的方法。

示例1，使用了CSS3的background-position屬性，通過改變圖片背景的位置，來實現不同的星級顯示。示例2，使用了CSS3的:before偽類，將評分的星級通過偽元素的寬度來顯示，為了避免修飾符對其他元素造成影響，這里使用了font-size:0的技巧。示例3，使用了與示例2類似的屬性，但是帶有半星評分，同時也使用了CSS3的position屬性，實現了更加復雜的評分效果。

總之，通過CSS3技術，實現評分效果已經成為非常簡單的事情，我們可以根據實際需求，選擇不同的方法來生成美觀實用的評分效果。