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
Post a Comment