85问答库 > css 导航菜单如图中这种鼠标悬停时菜单文字上方小圆点放大的效果怎么做啊？

css 导航菜单如图中这种鼠标悬停时菜单文字上方小圆点放大的效果怎么做啊？

2024-11-17 15:32:03

推荐回答（2个）

回答1：

纯css实现。这个小圆点应该是一个a标签：
a{
width: 6px;
height: 6px;
float: right;
margin-right: 6px;
background-color: black;
border-radius: 50%;
}
a:hover{
width: 12px;
height: 12px;
}

回答2：

用css 改变样式，圆的半径变大