提问者:小点点

如何修复CSS链接悬停?


.navlinks {
  text-decoration: none;
  color: #a9a9a9;
  font-size: 18px;
  font-family: Mark Pro;
  font-style: normal;
  display: block;
  transition: transform 0.6s;
}

.navlinks:hover{
  transform: translateY(1) !important;
} 

我一直试图让悬停工作,但似乎没有工作,谁能帮我解决这个问题,老实说我不能够理解什么是错误的代码Bdw上面的CSS是应用到一个链接


共1个答案

匿名用户

你可能想看看翻译是如何工作的

所需的值是

表示平移向量纵坐标的长度或百分比。 百分比值是指由transform-box属性定义的引用框的高度。

所以你想怎么用就怎么用吧。

如果您想移动它

PX:

.navlinks:hover{
  transform: translateY(50px) !important;
} 

百分比:

.navlinks:hover{
  transform: translateY(25%) !important;
} 

参见所有可用长度(px,vh,vw等)的长度。