我在下面的代码中找到了我在其他Stack Overflow用户的帮助下创建的内容循环.是否可以根据您悬停的方框部分填充圆形箭头.示例:如果用户悬停在第四个框(底部框)上,则圆形箭头将仅填充不同的颜色,直到该框为止.这可能只与纯CSS有关吗？如果没有,这可能与vanilla JavaScript(没有Jquery)？任何帮助,欢呼.
.container .row {
text-align: center;
position: relative;
}
.row {
position: relative;
}
.one {
display: inline-block;
background-color: #1f497d;
width: 100px;
height: 50px;
border-width: 3px;
border-style: solid;
border-color: #ededed;
border-radius: 7px;
box-shadow: 0px 1px 5px #888888;
}
.one:hover {
cursor:pointer;
transform:scale(1.019);
border-color:f4f4f4;
background-color:#214d84;
box-shadow: 0px 2px 9px #888888;
}
.two {
display: inline-block;
background-color: #1f497d;
width: 100px;
height: 50px;
border-width: 3px;
border-style: solid;
border-color: #ededed;
border-radius: 7px;
box-shadow: 0px 1px 5px #888888;
margin-left: -35px;
}
.two:hover { …