Die Verwendung von transition: none
scheint angesichts des folgenden HTML-Codes unterstützt zu werden (mit einer speziellen Anpassung für Opera):
<a href="#" class="transition">Content</a>
<a href="#" class="transition">Content</a>
<a href="#" class="noTransition">Content</a>
<a href="#" class="transition">Content</a>
... und CSS:
a {
color: #f90;
-webkit-transition:color 0.8s ease-in, background-color 0.1s ease-in ;
-moz-transition:color 0.8s ease-in, background-color 0.1s ease-in;
-o-transition:color 0.8s ease-in, background-color 0.1s ease-in;
transition:color 0.8s ease-in, background-color 0.1s ease-in;
}
a:hover {
color: #f00;
-webkit-transition:color 0.8s ease-in, background-color 0.1s ease-in ;
-moz-transition:color 0.8s ease-in, background-color 0.1s ease-in;
-o-transition:color 0.8s ease-in, background-color 0.1s ease-in;
transition:color 0.8s ease-in, background-color 0.1s ease-in;
}
a.noTransition {
-moz-transition: none;
-webkit-transition: none;
-o-transition: color 0 ease-in;
transition: none;
}
JS Fiddle Demo .
Getestet mit Chromium 12, Opera 11.x und Firefox 5 unter Ubuntu 11.04.
Die spezifische Anpassung an Opera ist die Verwendung, -o-transition: color 0 ease-in;
die auf dieselbe Eigenschaft wie in den anderen transition
Regeln abzielt, jedoch die Übergangszeit auf festlegt 0
, wodurch effektiv verhindert wird, dass der Übergang wahrgenommen wird. Die Verwendung des a.noTransition
Selektors besteht einfach darin, einen spezifischen Selektor für die Elemente ohne Übergänge bereitzustellen.
Bearbeitet, um zu beachten, dass die Antwort von @ Frédéric Hamidi mit all
(zumindest für Opera) weitaus prägnanter ist, als jeden einzelnen Eigenschaftsnamen aufzulisten, für den Sie keinen Übergang wünschen.
Aktualisierte JS Fiddle-Demo, die die Verwendung von all
in Opera zeigt:-o-transition: all 0 none
nach dem Selbstlöschen der Antwort von @ Frédéric .
David sagt, Monica wieder einsetzen
quelle
Wenn Sie eine einzelne Übergangseigenschaft deaktivieren möchten, haben Sie folgende Möglichkeiten:
(da ein Übergang von null Sekunden gleich keinem Übergang ist.)
quelle
left
wird entfernt.Eine andere Möglichkeit, alle Übergänge zu entfernen, ist das
unset
Schlüsselwort:Im Fall von
transition
,unset
entsprichtinitial
, datransition
nicht eine erbliche Eigenschaft ist:Ein Leser, der weiß
unset
und erkenneninitial
kann, dass diese Lösungen sofort korrekt sind, ohne über die spezifische Syntax von nachdenken zu müssentransition
.quelle
Sie können auch alle Übergänge innerhalb eines enthaltenen Elements enterben:
CSS:
HTML:
quelle
Basierend auf W3schools ist der Standardübergangswert :. Dies
all 0s ease 0s
sollte die browserübergreifende Methode zum Deaktivieren des Übergangs sein.Hier ist ein Link: https://www.w3schools.com/cssref/css3_pr_transition.asp
quelle