svg+css实现炫酷五星打分星级评分点击动画效果代码
代码语言:html
所属分类:星级评分
代码描述:svg+css实现炫酷五星打分星级评分点击动画效果代码
代码标签: svg css 炫酷 五星 打分 星级 评分 点击 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<title>BFW NEW PAGE</title>
<style>
body{
padding: 100px;
background: black;
}
.rating {
display: flex;
flex-direction: row-reverse;
gap: 0.3rem;
--stroke: #666;
--fill: #ffc73a;
}
.rating input {
appearance: unset;
}
.rating label {
cursor: pointer;
}
.rating svg {
width: 2rem;
height: 2rem;
overflow: visible;
fill: transparent;
stroke: var(--stroke);
stroke-l.........完整代码请登录后点击上方下载按钮下载查看
网友评论0