Druckbare Version
Liebes Forum,
ich verzweifle hier nun fast an einer CSS Frage:
Mein Menü soll sich von links nach rechts schieben, wenn die Checkbox aktiv ist.
Hierzu habe ich folgendes gemacht:
.mod_navigation {
transform-origin: 0% 0%;
transform: translate(-100%, 0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
nav:has(:checked) .mod_navigation {
transform: none;
}
Hier der Link zu meiner Testumgebung:
https://2024.das-edelweiss-graen.at/
Hat jemand einen Rat, was ich falsch gemacht habe?
Du solltest https korrekt einrichten. Ich bekomme im Firefox eine Sicherheitswarnung.
Ja, es ist aktuell überhaupt kein https eingerichtet, die Seite muss ohne aufgerufen werdenZitat:
Zitat von mlweb
https://www.w3.org/TR/css-display-3/...lay-propertiesZitat:
Zitat von Potti2012
display properties lassen sich nicht animieren, schaue deinen CSS-Code mal genauer an ;)
Bin ich immer sehr vorsichtig mit, will ja verschlüsselte und nicht unverschlüsselte Verbindung im Internet.Zitat:
Zitat von Potti2012
Habe auch browserstack genutzt um nachzuschauen, da ich dem Braten hier sonst auch nicht trauen würde :).
@zoglo: erstmal vielen Dank für deine Mühe, ich schaue mir den Code leider seit Stunden an und komme nicht drauf …Zitat:
Zitat von zoglo
Wenn ich in den devTools den haken bei
@media only screen and (min-width: 992px)
nav:has(:checked) .mod_navigation {
transform: none;
}
entferne, dann sehe ich genau das gewünschte Verhalten.
@ZOGLO:Zitat:
Zitat von Potti2012
DANKE - hab es gefunden!!!!!!!
Für die Nachwelt:Zitat:
Zitat von Potti2012
Display properties lassen sich nicht animieren.
Über einen not-selector und :checked war mod_navigation auf display: none gesetzt - display:flex hat erst danach gegriffen.
Wollte hier dem TE den Denkanstoß geben, den Fehler macht man dann nie wieder