Skip to content

Property ​

Name
MaxTilt
HoverScale
Perspective
SmoothingMs

Example ​

xml
<dev:Hover3DCard Width="320" Height="200">
    <TextBlock Text="Hover me"
               HorizontalAlignment="Center"
               VerticalAlignment="Center" />
</dev:Hover3DCard>
xml
<dev:Hover3DCard MaxTilt="12"
                 HoverScale="1.08"
                 Perspective="1000"
                 SmoothingMs="80">
    <Image Source="ms-appx:///Assets/Cover.png" />
</dev:Hover3DCard>

NOTE

MaxTilt is in degrees and SmoothingMs is in milliseconds.

Hover3DCard

Demo ​

you can run demo and see this feature.

Released under the MIT License.