---
title: "fadeIn"
description: "fadeIn"
language: "en"
canonical: "https://g2.antv.antgroup.com/en/manual/core/animate/fade-in/"
version: "5.4.8"
---

`fadeIn` is a fade-in animation that affects the `opacity` transparency property.

## Getting Started

<img alt="fadeIn" src="https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*LTRRRL8JwfQAAAAAAAAAAABkARQnAQ" width="400" />

```ts
chart.options({
  type: 'interval',
  /* ... */
  animate: { enter: { type: 'fadeIn' } },
});
```