Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS High Level Guidance on transitions and transforms Reply To: High Level Guidance on transitions and transforms

#297850
uxfed
Participant

You could include animation: moveContentRight 1s forwards; as an inline style on image-container. Just make its keyframes a reverse of the left one.

One thing you’ll also need to look at is how to get the image-container to line up with the left side of the screen. You might have to replace translateX with right: calc(100vw – whatever the image-container width is);.