b前端开发》实验指导/实验A:下拉菜单6 margin-left: 185px 100%{ margin-left: Opx; @-moz-keyframes animation margin-left: 185px 100%{ #nav li: hover ul li -moz-animation -duration: 0.3 -moz-animation-timing- function: linear -moz-animation-iteration -count: 1 -moz-animation -direction normal -animation-delay: 0 -moz-animation-play-state: running -moz-animation -fill-mode: forwards -webkit-animation-name. animation -webkit-animation -duration:0.3s. -webkit-animation-timing- function linear webkit-animation-iteration-count: 1 -webkit-animation -direction: norma -webkit-animation-delay: 0 -webkit-animation-play-state: running webkit-animation -fill-mode: forwards /*-webkit-transition all 0. 3s ease-in-out; -moz-transition all 0.3s ease-in-out: -o-transition: all 0.3s ease-in-out -ms-transition all 0.3s ease-in-out. transition all 0. 3s ease-in-out * #nav li: hover ul li: nth-child(1)( - moz-animation-delay: 0 ebkit-animation-delay: 0 #nav li: hover ul li: nth-child(2)( -moz-animation-delay: 0.05s 河南中医学院互联网应用技术研究所 本讲共计12页|当前第6页《Web 前端开发》实验指导 / 实验八:下拉菜单 河南中医学院互联网应用技术研究所 本讲共计 12 页 | 当前第 6 页 0% { margin-left:185px; } 100% { margin-left:0px; opacity:1; } } @-moz-keyframes animation2 { 0% { margin-left:185px; } 100% { margin-left:0px; opacity:1; } } #nav li:hover ul li { /* css3 animation */ -moz-animation-name: animation2; -moz-animation-duration: 0.3s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-name: animation2; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; /*-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/ } /* animation delays */ #nav li:hover ul li:nth-child(1) { -moz-animation-delay: 0; -webkit-animation-delay: 0; } #nav li:hover ul li:nth-child(2) { -moz-animation-delay: 0.05s;