CSS Animations and Transitions

FLIP Technique Exercise

CSS Animations and Transitions

Check out a free preview of the full CSS Animations and Transitions course

The "FLIP Technique Exercise" Lesson is part of the full, CSS Animations and Transitions course featured in this preview video. Here's what you'd learn in this lesson:

Students are instructed to apply the FLIP technique to the figcaption element.

Preview
Close

Transcript from the "FLIP Technique Exercise" Lesson

[00:00:00]
>> As an exercise what I want you to do, now that we solved the problem of the parents being flipped and unintentionally stretching the child by using before pseudo elements. I want you to apply the same flip technique to this caption over here. So if you want it's pretty much copy and paste code, where you could use exactly what we did for these element and just apply it to the second one.

[00:00:28]
Or you could turn this into a function, which might be better. And so if you want help doing that just look at index.final.html and it should give you some ideas for doing that.

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now