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

Опубликовано: 14 Июнь 2023
на канале: Chrome for Developers

18,123

733

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 → https://goo.gle/3Ps3hZx
View Transitions guide → https://goo.gle/3CqDHMB

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

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#GUIsnippets

Смотрите видео Animate display: none (and more!) with View Transitions онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chrome for Developers 14 Июнь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 18,123 раз и оно понравилось 733 людям.

113