---
title: "fadeIn"
description: "This fades in the content of the transition, from the specified starting alpha (i.e.
[initialAlpha]) to 1f, using the supplied [animationSpec]. [initialAlpha] defaults to 0f, and
[spring] is used by default."
type: "function"
---

<div class='type'>Function</div>


<a id='references'></a>
<div class='sourceset sourceset-common'>Common</div>


```kotlin
public fun fadeIn(
    animationSpec: FiniteAnimationSpec<Float> = spring(stiffness = Spring.StiffnessMediumLow),
    initialAlpha: Float = 0f,
): EnterTransition
```


This fades in the content of the transition, from the specified starting alpha (i.e.
`initialAlpha`) to 1f, using the supplied `animationSpec`. `initialAlpha` defaults to 0f, and
`spring` is used by default.

#### Parameters

| | |
| --- | --- |
| animationSpec | the `FiniteAnimationSpec` for this animation, `spring` by default |
| initialAlpha | the starting alpha of the enter transition, 0f by default |




## Code Examples
### FadeTransition
```kotlin
@Composable
fun FadeTransition() {
    var visible by remember { mutableStateOf(true) }
    AnimatedVisibility(
        visible = visible,
        enter =
            fadeIn(
                // Overwrites the initial value of alpha to 0.4f for fade in, 0 by default
                initialAlpha = 0.4f
            ),
        exit =
            fadeOut(
                // Overwrites the default animation with tween
                animationSpec = tween(durationMillis = 250)
            ),
    ) {
        // Content that needs to appear/disappear goes here:
        Text("Content to appear/disappear", Modifier.fillMaxWidth().requiredHeight(200.dp))
    }
}
```