Siirtymien Yhdistäminen
Voimme yhdistää kaikki siirtymään liittyvät ominaisuudet yhdelle riville.
transition: <property> <time> <time_function> <delay>;
Kuvitellaan, että meidän täytyy lisätä transition-ominaisuus elementtiin. Odotamme:
background-color-ominaisuuden muutosta;- keston olevan
1.2s; - aikafunktion olevan
ease-in-out; - viiveen olevan
250ms.
Pitkä muoto
transition-property: background-color;
transition-duration: 1200ms;
transition-timing-function: ease-in-out;
transition-delay: 250ms;
Lyhyt muoto
transition: background-color 1200ms ease-in-out 250ms;
Huomio
Selaimen kannalta syntaksissa ei ole eroa. Voimme valita minkä tahansa vaihtoehdon, josta pidämme enemmän.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you explain what each part of the shorthand transition property does?
Are there other properties besides background-color that can be transitioned?
Why would I use the shorthand form instead of the long form?
Awesome!
Completion rate improved to 2.08Siirtymien Yhdistäminen
Pyyhkäise näyttääksesi valikon
Voimme yhdistää kaikki siirtymään liittyvät ominaisuudet yhdelle riville.
transition: <property> <time> <time_function> <delay>;
Kuvitellaan, että meidän täytyy lisätä transition-ominaisuus elementtiin. Odotamme:
background-color-ominaisuuden muutosta;- keston olevan
1.2s; - aikafunktion olevan
ease-in-out; - viiveen olevan
250ms.
Pitkä muoto
transition-property: background-color;
transition-duration: 1200ms;
transition-timing-function: ease-in-out;
transition-delay: 250ms;
Lyhyt muoto
transition: background-color 1200ms ease-in-out 250ms;
Huomio
Selaimen kannalta syntaksissa ei ole eroa. Voimme valita minkä tahansa vaihtoehdon, josta pidämme enemmän.
Kiitos palautteestasi!
