html - CSS 悬停效果如何实现？

Question

嗨， friend 们，我想让那个设计遵循悬停效果。

设计

codepen.io/premiumcuyuz/pen/wwxgxz

我要给效果

codepen.io/wojtek1150/pen/jkdrqo

Answer 1

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

例如，您有一些给定 id='testme'

的按钮

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

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

这应该启用悬停效果。一旦将光标悬停在某个元素上，它的颜色就会从蓝色变为绿色