shrewdbeans shrewdbeans - 1 year ago 110
CSS Question

Set a CSS3 transition to none

How would I make it so a CSS transition doesn't work inside a media-query, or in any other case? For example:

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

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

Answer Source

You can set the transition-property to none. This way, no transition effect will be applied.

Like this:

-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download