Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Layout Techniques Flexbox Layout Animating Flexbox

Brian Martin
Brian Martin
3,773 Points

You mentioned that the animations would work on mobile devices on hover... isn't it impossible to do hover FX on mobile?

I'm only asking because it would definitely be awesome to see it put animations to use contextually in the mobile nav world.

2 Answers

Erik Krieg
Erik Krieg
43,038 Points

On mobile devices, since you do not have a cursor to place over elements, the hover state is triggered by clicks/presses. So you can still use them, but I would recommend that you do not rely on hover states to makes things like links or buttons appear clickable.

It can work I've used it. It's not the same effect because you're not hovering and don't have enough time to appreciate the hover transition, but you can still try different things with it.

Try setting the hover state for mobile that changes the background color of the link and lowers the font size slightly. When you press the link it feels like your pushing a button in