Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Techniques Flexbox Layout Animating Flexbox

Brian Martin
Brian Martin
3,773 Points
Posted by 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

eck
eck
43,038 Points
eck
eck
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.

marvelousperson206
marvelousperson206
9,199 Points
marvelousperson206
marvelousperson206
9,199 Points

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