html - How to exempt an element from a keyframes animation? -



html - How to exempt an element from a keyframes animation? -

i using keyframe fade <nav> in. want 1 li not fade in. know how?

first here css:

nav{ -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; } @keyframes fadein { { opacity: 0; } { opacity: 1; } } @-moz-keyframes fadein { { opacity: 0; } { opacity: 1; } } @-webkit-keyframes fadein { { opacity: 0; } { opacity: 1; } } @-ms-keyframes fadein { { opacity: 0; } { opacity: 1; } } @-o-keyframes fadein { { opacity: 0; } { opacity: 1; } }

and here html:

<nav id="nav"> <ul> <li id="menuicon"> <img src="menuicon.svg" alt="q" onclick="showmenu()"> </li> <li id="aboutlist"> <a href="#about"> </a> </li> <li id="openinglist"> <a href="#opening"> when </a> </li> <li id="wherelist"> <a href="#where"> </a> </li> </ul> </nav>

html css

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -