Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- - Overview
  - Configuration
  - Types
  - Disabled Animations
  - Duration
  - Direction
  - Customization
  - Appearance
  - API
- Buttons
- Chartsupdated
- Conversational UI
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Animation / Duration /

New to Kendo UI for Vue? Start a free 30-day trial

Duration

All Animation types enable you to control the duration of the entering and exiting animation effects.

To configure the duration, define the transitionEnterDuration or, respectively, the transitionExitDuration property. The passed value represents the duration of the animation in milliseconds.

Example

View Source

Change Theme:

Suggested Links

Disabled Animations