Question

我正在尝试在另一位开发人员之后进行清理并遇到以下CSS动画。如何将其更改为单击而不是翻转？我不确定在这种情况下是什么'悬停'用CSS来寻找替代品。

   #subscription-dashboard:before {
        ...
    }

#subscription-dashboard:hover:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
          ...
}
        #subscription-dashboard:after {
    left: -80px;
    top: 145px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
              ...
}
#subscription-dashboard:hover:after {
    opacity: 0;
             ...
}

Answer 1

你所追求的短语是“伪类”

要处理点击次数，您可以将:hover更改为:active，这会在点击鼠标按钮时触发。这不会完全模仿点击，因为释放鼠标按钮将恢复到正常类;为此，你可以使用类似的东西：

transition-delay: 1000000s;

在其中一个类上延迟 - 很长一段时间 - 恢复到非:active类。

改变“之前”的行为

1 个答案: