---
title: 'animations'
description: 'Control CSS animations and transitions during website rendering. Ensures consistent snapshots by handling motion effects in the headless browser.'
---

import { MultiCodeEditorInteractive } from 'components/markdown/MultiCodeEditorInteractive'
import { Type } from 'components/markdown/Type'

Type: <Type children='<boolean>'/><br/>
Default: <Type children='false'/>

It enables/disables CSS [animations](https://developer.mozilla.org/en-US/docs/Web/CSS/animation) and [transitions](https://developer.mozilla.org/en-US/docs/Web/CSS/transition) over the target [url](/docs/api/parameters/url).

<MultiCodeEditorInteractive 
  mqlCode={{ url: 'https://vercel.com', screenshot: true, animations: false }} 
/>

This value also modifies [prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) consequently into the browser page.

