Hi guys can you guide me on how can I achieve this behavior? the purple color moves down and it does the color of the text changes from white to purple?

Overlay two texts, animate a clip on the top one? I'm just making assumptions here but that's what I would try first

You can try something like the following. Effectively we are drawing the text into an offscreen buffer and using BlendMode.Xor to determine the appropriate pixel color. There is another thread from @Albert Chang that asks a similar question:

// Configure alpha to almost 1 but not quite 1 to force graphics layer into
    // offscreen composition to ensure XOR blends against transparent pixels
    // otherwise the contents are drawn directly.
    val textColor = Color.Blue
    Box(Modifier.fillMaxWidth().wrapContentHeight().graphicsLayer(alpha = 0.99f).drawWithContent {
        drawContent()
        drawRect(
            textColor,
            topLeft = Offset(0f, size.height / 2),
            size = Size(size.width, size.height / 2),
            blendMode = BlendMode.Xor
        )
    }) {
        Text(
            "Hello World",
            textAlign = TextAlign.Center,
            fontSize = 50.sp,
            color = textColor
        )
    }

Funny how the letters line up perfectly but it gives you that looking at something in a glass cup of water look.

@Can, this thread seems to ask a similar question to the one you had posed in the other thread. Can you try this sample source?

Will do, thank you

Right now we don't expose a direct way to force layer rasterization so we use the alpha trick to do so as a side effect

Oh, okay - thanks a bunch

@Shalaga44 this looks like a similar effect to what you are trying to achieve.