Animate display: none (and more!) with View Transitions

18 105
8.2
Следующее
15.06.23 – 1 04510:19
ChromeOS Policy API
Популярные
33 дня – 1 0840:15
Speculation Rules API
Опубликовано 14 июня 2023, 18:15
Write any CSS you want in the contenteditable -pre- and some JavaScript will tell the browser to start a view transition (take a before screenshot), apply the written styles to the page, then take an after screenshot and transition between the two states (whatever they are!).

Codepen demo → goo.gle/3Ps3hZx
View Transitions guide → goo.gle/3CqDHMB

GUI Snippets → goo.gle/GUIsnippets
GUI Challenges → goo.gle/GUIchallenges

Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#GUIsnippets
автотехномузыкадетское