Ställa In Övergångsvaraktighet För Effekter
Vi använder egenskapen transition-duration för att ange den tid under vilken övergången ska ske. Denna egenskap anges i sekunder (t.ex. 3s eller 0.45s) eller millisekunder (t.ex. 3000ms eller 450ms). Om varaktigheten för en övergång inte är uttryckligen definierad sker förändringen omedelbart.
transition-duration: 3s | 3000ms;
Låt oss köra följande exempel för att se vilka beteenden vi kan få. Vänligen håll muspekaren över behållaren, så startar övergången för alla element. Skillnaden ligger i övergångens varaktighet.
index.html
index.css
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Can you explain what happens if I use different durations for different properties?
What is the default value for `transition-duration`?
Can you show more examples of using `transition-duration`?
Awesome!
Completion rate improved to 2.04
Ställa In Övergångsvaraktighet För Effekter
Svep för att visa menyn
Vi använder egenskapen transition-duration för att ange den tid under vilken övergången ska ske. Denna egenskap anges i sekunder (t.ex. 3s eller 0.45s) eller millisekunder (t.ex. 3000ms eller 450ms). Om varaktigheten för en övergång inte är uttryckligen definierad sker förändringen omedelbart.
transition-duration: 3s | 3000ms;
Låt oss köra följande exempel för att se vilka beteenden vi kan få. Vänligen håll muspekaren över behållaren, så startar övergången för alla element. Skillnaden ligger i övergångens varaktighet.
index.html
index.css
Tack för dina kommentarer!