Takes any child widget and enables Hover/Tilt 3D functionality to it
Features
TODO: List what your package can do. Maybe include images, gifs, or videos.
Getting started
start using the package.
Usage
import 'package:flutter/material.dart'; import 'package:hover_effect/hover_effect.dart';
void main() { runApp(MyApp()); }
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Hover - Tilt 3D Effect',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: Material(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Hover - Tilt 3D Effect',
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.w700,
color: Colors.black,
letterSpacing: 2),
),
SizedBox(height: 50),
Container(
width: 150,
height: 300,
child: HoverCard(
builder: (context, hovering) {
return Container(
color: Color(0xFFE9E9E9),
child: Center(
child: FlutterLogo(size: 100),
),
);
},
depth: 10,
depthColor: Colors.grey500,
onTap: () => print('Hello, World!'),
shadow: BoxShadow(color: Colors.purple200, blurRadius: 30, spreadRadius: -20, offset: Offset(0, 40)),
),
),
],
),
),
);
}
}
TODO: Tell users more about the package: where to find more information, how to contribute to the package, how to file issues, what response they can expect from the package authors, and more.