在react中的特定卡片上显示悬停

import React from 'react';
import './Card.css';

const Card = () => {
  return (
    <div className="card">特定卡片</div>
  );
};

export default Card;

/* Card.css */
.card {
  width: 200px;
  height: 200px;
  background-color: #f1f1f1;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.card:hover {
  background-color: #eaeaea;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  /* 可以根据需要设置其他样式 */
}