What does ease in ease out mean?

Verb table

ease

Simple Form
Present
I, you, we, they ease
he, she, it eases
> View More
Past
I, you, he, she, it, we, they eased
Present perfect
I, you, we, they have eased
he, she, it has eased
Past perfect
I, you, he, she, it, we, they had eased
Future
I, you, he, she, it, we, they will ease
Future perfect
I, you, he, she, it, we, they will have eased
> View Less
Continuous Form
Present
I am easing
he, she, it is easing
> View More
you, we, they are easing
Past
I, he, she, it was easing
you, we, they were easing
Present perfect
I, you, we, they have been easing
he, she, it has been easing
Past perfect
I, you, he, she, it, we, they had been easing
Future
I, you, he, she, it, we, they will be easing
Future perfect
I, you, he, she, it, we, they will have been easing
> View Less

  • Top Definitions
  • Quiz
  • Related Content
  • Examples

Extract or remove someone or something gradually or gently. For example, He carefully eased the car out of the garage, or We were trying to ease him out of office without a public scandal. [Mid-1900s]

QUIZ

WILL YOU SAIL OR STUMBLE ON THESE GRAMMAR QUESTIONS?

Smoothly step over to these common grammar mistakes that trip many people up. Good luck!

Question 1 of 7

Fill in the blank: I can’t figure out _____ gave me this gift.

Words nearby ease out

ease, easeful, easel, easement, ease off, ease out, easier said than done, easily, easiness, Easley, east

The American Heritage® Idioms Dictionary Copyright © 2002, 2001, 1995 by Houghton Mifflin Harcourt Publishing Company. Published by Houghton Mifflin Harcourt Publishing Company.

pull out, separate, depart, disengage, drop out, eliminate, go, leave, pull back, quit, retire, retreat, break, split, withdraw, abjure, blow, book, detach, exit

How to use ease out in a sentence

  • Really, is it any wonder that fluoride should freak people out?

  • For a while yoga and pilates classes were sought out at luxury gyms like Equinox.

  • On Thursday, Garcetti ruled himself out of the race to succeed Boxer.

  • Police officials told the AP that they came out with guns blazing.

  • “I think for trans men who are dating every time they hook up they have another coming out,” Sandler said.

  • And he was gone, and out of sight on the swift galloping Benito, before Father Gaspara bethought himself.

  • Most of the men leaped up, caught hold of spears or knives, and rushed out.

  • Liszt looked at it, and to her fright and dismay cried out in a fit of impatience, "No, I won't hear it!"

  • The most High hath created medicines out of the earth, and a wise man will not abhor them.

  • Squinty could look out, but the slats were as close together as those in a chicken coop, and the little pig could not get out.

Why I get it wrong every. Single. Time

Long story short, we fucked up somewhere along the line.

The Problem

Say I need to fade in an element — I animate the value of opacity from 0 to 1. Easy. Done. Then I play the animation to check — the animation doesn’t quite feel right. Wouldn’t it be better if it started fading really quickly and then slowly reached full opacity? Why not use ease-in! Or is it ease-out… I forget. Let’s try either and then I’ll know which I meant.

You’ve all been there. I think… Or maybe you’ve all figured it out and I’m alone on this one. But in any case, what in the hell is ease-in and ease-out actually referring to? Whenever I finally find which the correct direction, it always seemed to be the opposite of what I initially thought. Why?

I’ve figured out why, and I believe someone made a mistake somewhere along the line.

To start, here is a diagram from Richard Williams’ Animation Survival Kit — the modern animator’s prime resource to learn the secrets of Disney’s 9 old men; animation legends.

What it’s referring to here is Disney’s 12 Basic Principles of Animation. One of which is titled ‘Slow in and slow out’ — or, more familiarly, ‘Ease-in and ease-out’.

Upon analysing the animation above, you can clearly see that ‘ease-out’ is at the start of the timeline, and ‘ease-in’ is at the end. “WOAH!” some of you might be saying right now. I know. “That’s like… the complete opposite to how it works in code!” yep. Weird huh?

Just to prove it, here are some diagrams stolen from Google Developers showing how CSS animation easing works.

Ease-out at the end.

Ease-in at the start.

Ground-breaking, right?

Why is it that the animation world and the development world have differing definitions?

The Solution

The solution lies with two problems — the inferred subject, and the terms themselves.

When an animator talks about easing in and out of something, they are, in fact, talking about a pose or a keyframe. Therefore, to ease in to a pose, the easing occurs just before, and to ease out of a pose, the easing occurs directly after. It’s very simple, and makes sense grammatically.

In development however, the easing is not applied to a pose or keyframe, but instead, the animation itself. I.e. the movement between two poses. In doing so, ease in and out just don’t make sense! What ‘in’ and ‘out’ actually refer to in this sense is the start and end of the animation. I’m not sure who was the first to implement these terms, but I honestly believe they hadn’t done their animation homework — and now it’s too late, it’s everywhere. The damage has been done. A small difference, but wouldn’t ease-start and ease-end have just made everything a whole lot clearer?

For me personally, the first way I learnt about these animation terms was from an animator, and not a developer — so therein lies my problem: how to forget the intended use of these terms… hopefully writing this article will help.

So, as a take-away from this rant — as a developer:

Ease-in = Ease-start = Start of animation

Ease-out = Ease-end = End of animation

Happy animating!

What is the meaning of ease in ease out?

ease-in : slow at the beginning, fast/abrupt at the end. ease-out : fast/abrupt at the beginning, slow at the end.

What does ease in and out mean?

Ease in, ease out (also called slow in, slow out) is the technique of giving an object more frames at both the beginning and end of a motion. This results in a movement that is slow, then fast, then slow again. This is done because in reality things usually need a second to accelerate and slow down.

What is the difference between Ease In and Ease Out?

In classic animation, the term for motion that starts slowly and accelerates is "slow in," and for motion that starts quickly and decelerates is "slow out." The terminology most commonly used on the web for these are “ease in” and “ease out,” respectively.

What do the ease in and ease out options do?

ease-in will start the animation slowly, and finish at full speed. ease-out will start the animation at full speed, then finish slowly. ease-in-out will start slowly, be fastest at the middle of the animation, then finish slowly.