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

Home Forums CSS Fade or slide div (nav) into view Re: Fade or slide div (nav) into view


Thats great, thanks!

Like I say I mightn’t use this but I’m just trying to get familiar with what I can do with css transform and animation as I’ve not really used them yet.

A question, at the minute I have:

@keyframes nav-main-fade {
0% { opacity: 0; }
100% { opacity: 1; }

.nav-main {
animation: nav-main-fade 1s;

Now this runs ‘on load’ and only once. Is there a way to make this run just when my 600.css file is used, i.e. just when my mobile navigation is used. So it would only animate when a certain media-query is reached? If that makes sense?

Thanks again!