Skip to content

sivaprasadnk/animate_on_hover

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published