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

Разбираемся в CSS
Ответить
Anonymous
 Дизайн материала диалоговое окно с кнопки

Сообщение Anonymous »

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

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

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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»