Css 如何为失去焦点的元素设置转换
我有一个从黑色到深灰色的简单过渡,如下所示:Css 如何为失去焦点的元素设置转换,css,Css,我有一个从黑色到深灰色的简单过渡,如下所示: .navbar .logo:hover { -o-transition: 1s; -ms-transition: 1s; -moz-tranistion: 1s; -webkit-transition: 1s; transition: 0.2s; color: darkgrey; } 演示: 但当我停止悬停时,它会立即变回黑色,而不是变回黑色,我该如何解决这个问题?谢谢 将转换移动到单独的CS
.navbar .logo:hover {
-o-transition: 1s;
-ms-transition: 1s;
-moz-tranistion: 1s;
-webkit-transition: 1s;
transition: 0.2s;
color: darkgrey;
}
演示:
但当我停止悬停时,它会立即变回黑色,而不是变回黑色,我该如何解决这个问题?谢谢 将转换移动到单独的CSS规则:
.navbar .logo {
-o-transition: 1s;
-ms-transition: 1s;
-moz-tranistion: 1s;
-webkit-transition: 1s;
transition: 0.2s;
}
存在的问题是,您当前正在使用伪类:hover
将转换分配给元素。因此,当鼠标从元素中移动时,它不再具有:hover
类=>没有转换
样式属性