return Transform.scale(
              scale: scale,
              alignment: Alignment.center,
              filterQuality: FilterQuality.medium,
              child: child,
            );

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'SliverGrid Hover Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData.light().copyWith(
        scaffoldBackgroundColor: Colors.grey[100],
        primaryColor: Colors.indigo,
        appBarTheme: const AppBarTheme(
          backgroundColor: Colors.indigo,
          foregroundColor: Colors.white,
        ),
      ),
      home: const HoverGridScreen(),
    );
  }
}

class HoverGridScreen extends StatelessWidget {
  const HoverGridScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          const SliverAppBar(
            title: Text('Simple Grid with Hover Effect'),
            pinned: true,
            expandedHeight: 120.0,
            flexibleSpace: FlexibleSpaceBar(
              background: ColoredBox(color: Colors.indigo),
            ),
          ),
          SliverPadding(
            padding: const EdgeInsets.all(16.0),
            sliver: SliverGrid.builder(
              itemCount: 50,
              gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 3,
                mainAxisSpacing: 16.0,
                crossAxisSpacing: 16.0,
                childAspectRatio: 1.6,
              ),
              itemBuilder: (context, index) {
                return HoverScaleContainer(index: index + 1);
              },
            ),
          ),
        ],
      ),
    );
  }
}

class HoverScaleContainer extends StatefulWidget {
  final int index;

  const HoverScaleContainer({super.key, required this.index});

  @override
  State<HoverScaleContainer> createState() => _HoverScaleContainerState();
}

class _HoverScaleContainerState extends State<HoverScaleContainer> {
  bool _isHovered = false;

  @override
  Widget build(BuildContext context) {
    return MouseRegion(
      cursor: SystemMouseCursors.click,
      onEnter: (_) => setState(() => _isHovered = true),
      onExit: (_) => setState(() => _isHovered = false),
      child: TweenAnimationBuilder<double>(
        tween: Tween(begin: 1.0, end: _isHovered ? 1.1 : 1.0),
        duration: const Duration(milliseconds: 200),
        curve: Curves.easeOut,
        builder: (context, scale, child) {
          return Transform.scale(
            scale: scale,
            alignment: Alignment.center,
            filterQuality: FilterQuality.high,
            child: child,
          );
        },
        child: Container(
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(10),
            border: Border.all(
              color: _isHovered ? Colors.indigo : Colors.grey.shade300,
              width: _isHovered ? 2.0 : 1.0,
            ),
          ),
          child: Center(
            child: Text(
              'Item ${widget.index}',
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 18,
                color: _isHovered ? Colors.indigo : Colors.black54,
              ),
            ),
          ),
        ),
      ),
    );
  }
}