html - 如何最好地将 CSS3 过渡设置为无？

Question

我如何才能使 CSS 转换在媒体查询或任何其他情况下不起作用？例如:

@media (min-width: 200px) {
    element {
        transition: width 1s;
    }   
}

@media (min-width: 600px) {
    element {
        transition: none; // SET TO NO TRANSITION
    }   
}

Answer 1

您可以将transition-property 设置为none。这样，将不会应用过渡效果。

像这样:

-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;