Дизайн материала диалоговое окно с кнопки ⇐ CSS

[Anonymous]

Я пытаюсь внедрить модальный диалог в React (с использованием TypeScript), который расширяется из кнопки, которая его запускала - аналогично тому, что вы видите в интерфейсе дизайна материала (например, в Google Pixel UI Android 14) < /p>
Понимая кнопку, ограничивающую коробку с использованием GetBoundingClientRect. Использование CSS-анимации с преобразованием: масштаб и преобразование. Применение анимации с использованием переключения класса (анимация или переход).

В идеале это было бы похоже на переход Morph или масштабирования, где кнопка становится модальной < /p>

Подробнее здесь: https://stackoverflow.com/questions/797 ... rom-button