代码之家 › 专栏 › 技术社区 › Witek

材质UI:如何从给定位置“增长”对话框?

material-ui animation

Witek · 技术社区 · 7 年前

div

部门 单击的元素?

0 回复 | 直到 5 年前

Andrei 7 年前

你应该退房 CSS3 transitions Dialog 的 className div .

外部组件:

const useStyles = makeStyles({
  openDialog: {
    /* your transition CSS here */
  }
});

const {openDialog} = useStyles();
const [open, setOpen] = useState(false);

<div onClick={() => setOpen(true)}>Div content</div>
<Dialog className={open && openDialog}>Dialog content</Dialog>

材质UI也有 Transitions

推荐文章

mikko · SwiftUI如何在不同堆栈中实现同一视图的平滑动画

1 年前

Nejib Afdhal · 如何在带有类名的react native中使用顺风动画?

1 年前

user54097 · 滚动菜单项上的导航栏动画文本徽标

2 年前

Simplicissimus · 如何使用javascript为svg转换计时

2 年前

LetsBeHappy · 高CPU的圆形渐变动画

2 年前

Toniq · css从上到中心设置动画

2 年前

Ongky Denny Wijaya · 绘制y=omega*x^2的动画,其中omega从-3到3不等

2 年前

Duck · 如何设置菜单从圆形到椭圆形的动画?

2 年前

MR Lappy · 提要动画最后出现空白

2 年前

Nithin Sai · 如何设置draggableScrollableSheet及其内容的动画?

2 年前