Animate on Hover

Add animation(s) to your widgets on web when hovered, using this package.

Screenshot

screen

Getting started

Add this to your package's pubspec.yaml file

dependencies:
  animate_on_hover: ^1.0.2

Usage

Next, you have to import the package using:

import 'package:animate_on_hover/animate_on_hover.dart';

Then, add increaseSizeOnHover() method with value of the scale-factor as argument to your widget:

  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          height: 75,
          width: 100,
          decoration: BoxDecoration(
            color: Colors.red,
            borderRadius: BorderRadius.circular(5),
          ),
        ).increaseSizeOnHover(1.5),
      ),
    );
  }

Additional information

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Libraries

animate_on_hover