FlipCard for Jetpack Compose

FlipCart.kt

@Composable
fun FlipCard() {
    var rotationXDegrees by remember { mutableStateOf(0f) }
    var rotationYDegrees by remember { mutableStateOf(0f) }
    val rotationX by animateFloatAsState(
        targetValue = rotationXDegrees,
        animationSpec = tween(durationMillis = 1000)
    )
    val rotationY by animateFloatAsState(
        targetValue = rotationYDegrees,
        animationSpec = tween(durationMillis = 1000)
    )

    val dragGestureModifier = Modifier.pointerInput(Unit) {
        detectDragGestures { _, dragAmount ->
            rotationXDegrees += dragAmount.y * 0.1f 
            rotationYDegrees -= dragAmount.x * 0.1f 
        }
    }

    Card(
        modifier = Modifier
            .padding(top = 200.dp)
            .fillMaxWidth()
            .graphicsLayer {
                this.rotationX = rotationX
                this.rotationY = rotationY
                cameraDistance = 12 * density
            }
            .then(dragGestureModifier),
        elevation = CardDefaults.cardElevation(5.dp)
    ) {
        Box(contentAlignment = Alignment.Center) {
            Image(
                painter = painterResource(id = R.drawable.front),
                contentDescription = "Front Image"
            )
        }
    }
}