hover_card 0.0.1
hover_card: ^0.0.1 copied to clipboard
Takes any child widget and enables Hover/Tilt 3D functionality to it
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.grey[500], onTap: () => print('Hello, World!'), shadow: BoxShadow(color: Colors.purple[200], 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.