Menu icon Foundation

Foundation Forum

Foundation Forum

Motion - Ui

Hi to everybody!
I'm trying to use the library Motion-Ui inside Foundation 5.
I've a problem with a transition class.
The image don't slide in, but go out from the page and leaves a blank space.
This is my markup.
What do I mistake?

Thanks 

<div class="row show-for-medium-up">
    <div class="slideInLeft mui-enter slow">
		<img id="bottom-pic">
	</div>
</div>

motion-uiproblemfoundation5class

Hi to everybody!
I'm trying to use the library Motion-Ui inside Foundation 5.
I've a problem with a transition class.
The image don't slide in, but go out from the page and leaves a blank space.
This is my markup.
What do I mistake?

Thanks 

<div class="row show-for-medium-up">
    <div class="slideInLeft mui-enter slow">
		<img id="bottom-pic">
	</div>
</div>
Rafi Benkual over 3 years ago

You need something to trigger the transition. Based on that, you car start the transition.

We wrote more about it here: http://zurb.com/university/lessons/create-custom-animations-and-transitions-with-motion-ui

L. Fib. over 3 years ago

I'll try to correct my code.
Thank you so much!

You're making a great job!
Congratulations

Derek Paul over 2 years ago

Why can't I see any of the content behind any of these /university/lessons links? I've filled in my email like 10 times and I still can't see any of these pages anymore.  :(

Master Foundation for Sites

Get up to speed FAST, learn straight from the experts who built Foundation.

Learn More
Register Today

Get all the answers in our
Foundation Classes

Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.

See Upcomming Classes

Or if you prefer, contact the Foundation Team at training@zurb.com or (408) 341-0600 x635