зум на карточки

Lab/src/components/BookCard.jsx

@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 
 function BookCard({ book, authorName, statusName, onEdit, onDelete }) {
   return (
-    <div className="card mb-3 w-100" style={{ maxWidth: "450px", margin: "0 auto" }}>
+    <div className="card card-hover mb-3 w-100" style={{ maxWidth: "450px", margin: "0 auto" }}>
         <Link to={`/manga/${book.id}`}>
         <img
             src={book.cover || "https://placehold.co/200x300"}

Lab/style.css

@@ -1,3 +1,12 @@
+.card.card-hover {
+    transition: transform 0.2s cubic-bezier(.4,2,.3,1);
+}
+
+.card.card-hover:hover {
+    transform: scale(1.04);
+    z-index: 2;
+    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
+}
 
 .bg-custom-dark {
     background-color: #0f0630 !important;