CSS Hover效果如何？

Question

朋友们，我想让这个设计遵循悬停效果。

设计

codepen.io/premiumcuyuz/pen/wwxgxz

我想生效

codepen.io/wojtek1150/pen/jkdrqo

Answer 1

我不确定这是不是你的意思，然后使用：hover属性在CSS中给出悬停效果

例如，您有id='testme'

的某个按钮

#testme
{
 background-color: blue;
 font-size: 10px;
}

#testme:hover
{
 background-color : green;
 font-size: 12px;
}

这应该启用悬停效果。并且一旦用光标悬停一些元素，它应该将它的颜色从蓝色变为绿色