CSSGAMES:纯CSS实现五星评价效果,感兴趣的小伙伴们可以来看一下。
上代码:
。容器{
宽度:250px;
height:50px;
位置:亲戚;
边框:1px纯红色;
}
UL {
保证金:0;
填充:0;
位置:绝对
list-style:none;
宽度:100%;
身高:100%;
溢出:隐藏;
}
李{
z-index:1;
宽度:20%;
身高:100%;
float:left;
背景:#faf;
border-radius:50%;
/ * box-shadow:2px red inset; * /
}
李:悬停+跨度{
显示:块;
z-index:99;
宽度:500%;
身高:100%;
float:left;
背景:#afa;
}
.backer {
位置:绝对
宽度:100%;
身高:100%;
}
.backer li {
背景:#999;
}
样式>
- li>
- li>
- li>
- li>
- li>
UL>
DIV>
- li> span>
- li> span>
- li> span>
- li> span>
- li> span>
UL>
DIV>
另一个div div>感觉还不错吧。
【相关推荐】