Siirtymäkausi

Tunnustan rehellisesti ja avoimesti, että animaatiot eivät ole vahvinta osaamisaluettani. En ole kovin visuaalinen, ja animaatioiden ymmärtäminen on minulle haastavaa.

Otan mielelläni vastaan kaiken, joka tekee animaatioiden ajattelusta ja toteuttamisesta helpompaa. View Transition-rajapinta lupaa tehdä juurikin näin, ja se on äskettäin saavuttanut puolittaisen baseline-statuksen. Kaunein kiitos, rajapinta!

View transitiot mahdollistavat tilojen välisten siirtymien animoinnin joko yhden dokumentin sisällä (SPA), tai - täysin mahdotonta tähän asti - kahden "oikean" sivulatauksen välillä (MPA). Ihan tavalliset webbisivut voivat vastedes käyttäytyä kuin appikset.

Tällaista ei nuori Pekkis olisi koskaan uskonut näkevänsä. Katso alhaalta (ja joulukalenterin luukkusivun dialogin animoinnista!), kuinka jopa minä sain Reactin canary-version <ViewTransition>-komponentin ystävällisellä avustuksella jotakin aikaan lähes itsestään ja liikoja ymmärtämättä.

Demo

Luettavaa ja katseltavaa

• Toe Dipping Into View Transitions
• View transitions for single page applications
• View Transitions Feature Explorer
• I can has use?: View Transitions
• <ViewTransition>
• Astro: View transitions