# Hover transition

A primary button that darkens and lifts its shadow over 200 milliseconds.

`WAnchor`, `WDiv`, `WText`: [Transition](https://anilcancakir.com/wind_kit/docs/interactivity/transition.md)

```dart
WAnchor(
  onTap: () {},
  child: WDiv(
    className: '''
      bg-blue-500 hover:bg-blue-700
      duration-200 ease-in-out
      px-8 py-3 rounded-lg shadow-md hover:shadow-lg
    ''',
    child: WText(
      'Primary',
      className: 'text-white font-semibold',
    ),
  ),
)
```