# Avoid usage of CSS animations (`@greenpoint/no-css-animations`)

⚠️ This rule _warns_ in the ✅ `recommended` config.

<!-- end auto-generated rule header -->

## Rule Details

This rule aims to limit the usage of all types of CSS animations such as transition, 2D/3D transformation and animations.

## Examples

Examples of **non-compliant** code for this rule:

```js
<div
  style={{
    borderWidth: 1,
    borderStyle: "solid",
    borderColor: "#000000",
    transform: "translate(20px)",
  }}
/>
```

Examples of **compliant** code for this rule:

```js
<div style={{ borderWidth: 1, borderStyle: "solid", borderColor: "#000000" }} />
```

## Further Reading

- [cnumr/best-practices/Avoid JavaScript/CSS animations](https://github.com/cnumr/best-practices/blob/fc5a1f865bafb196e4775cce8835393751d40ed8/chapters/BP_039_en.md)