小编VIT*_*ARI的帖子

我正在使用 Material UI，并希望当您将鼠标悬停在卡片上时放大卡片，如下所示

我应该如何实现这个目标？我已经使用了筹集的财产，但这不是我想要的。我什至看到有人使用zDepth但它也不起作用。我的文件是这样的：

import React, { useState } from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardActionArea from '@material-ui/core/CardActionArea';
import CardActions from '@material-ui/core/CardActions';
import CardContent from '@material-ui/core/CardContent';
import CardMedia from '@material-ui/core/CardMedia';
import Button from '@material-ui/core/Button';
import Typography from '@material-ui/core/Typography';
import theme from '../theme';

const useStyles = makeStyles({
  root: {
    maxWidth: 310,
    margin: theme.spacing(5),
  },
});

export default function ImgMediaCard(props) {
  const classes = useStyles();
  const [state, setState] = useState({ …