Features

Adds an inversion animation on the cursor, on the selected widget.

Usage

A package that helps you to easily, create and customise inversion animation for cursor.

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    InversionCursor(
      child: Text(
        'Hello World!',
        style: Theme.of(context).textTheme.headlineMedium!.copyWith(color: Colors.black),
      ),
    ),
    const SizedBox(height: 80),
    InversionCursor(
    child: Text(
        'Hello World!',
        style: Theme.of(context).textTheme.headlineMedium!.copyWith(color: Colors.white),
      ),
    ),
    const SizedBox(height: 80),
    InversionCursor(
      child: Text(
        'Hello World!',
        style: Theme.of(context).textTheme.headlineMedium!.copyWith(color: Colors.green),
      ),
    ),
    InversionCursor(
      child: Text(
        'Hello World!',
        style: Theme.of(context).textTheme.headlineMedium!.copyWith(color: Colors.red),
      ),
    ),
    InversionCursor(
      child: Text(
        'Hello World!',
        style: Theme.of(context).textTheme.headlineMedium!.copyWith(color: Colors.blue),
      ),
    ),
    InversionCursor(
      child: Text(
        'Hello World!',
        style: Theme.of(context).textTheme.headlineMedium!.copyWith(color: Colors.yellow),
      ),
    ),
    const SizedBox(height: 80),
    InversionCursor(
      color: Colors.red,
      radius: 100,
      child: Image.network(
      'https://iso.500px.com/wp-content/uploads/2016/03/stock-photo-142984111.jpg',
      height: 300,
      ),
    ),
  ],
),

Additional information

I plan to add more in-depth customisation in the future

Libraries

inversion_cursor