# presentation/effects/overlay.effect.css

> 20 lines of code and 0 definitions.

Tree: Site tree
Language: css
Layer: product
Canonical: https://banes-lab.com/anatomy/tree#file-presentation-effects-overlay-effect-css
Source text: https://banes-lab.com/assets/sources/source.1487bc4ea0a7b9a9ce7144f64960b3e37c75760fe66255c6cd4c417f3ba690e7.generated.txt

## Source

```css
@keyframes overlay-pop-in {
    0% {
        opacity: 0;
        transform: scale(var(--scale-hidden));
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes overlay-pop-out {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(var(--scale-hidden));
    }
}
```