纯CSS3实现简单的星星打分特效代码

纯CSS3实现简单的星星打分特效代码

这是一款简单的CSS3鼠标悬停星星打分效果代码,星星打分跟踪鼠标移动自动打分。5星好评也可使用星星可以换成其它。

使用方法
在页面引入以下HTML代码

1
2
3
4
5
6
7
8
9
10
<div class="star-rating">
<fieldset>
<input type="radio" id="star5" name="rating" value="5" /><label for="star5" title="Outstanding">5 stars</label>
<input type="radio" id="star4" name="rating" value="4" /><label for="star4" title="Very Good">4 stars</label>
<input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="Good">3 stars</label>
<input type="radio" id="star2" name="rating" value="2" /><label for="star2" title="Poor">2 stars</label>
<input type="radio" id="star1" name="rating" value="1" /><label for="star1" title="Very Poor">1 star</label>
</fieldset>
</div>
<h1>css3 星星打分</h1>

文件信息:

    0

    发表评论