正在加载图片...
b前端开发》实验指导/实验八:下拉菜单5 @-moz-keyframes animation1 I -moz-transform: scale(1) 30%{ -moz-transform: scale(1.3): 100%{ #nav li>a: hover /css3 animation * -moz-animation -name: animation 1 -moz-animation -duration: 0.7s moz-animation- timing function linear -moz-animation-iteration -count: infinite -moz-animation -direction normal -moz-animation-delay: 0: -moz-animation-play-state: running -moz-animation -fill-mode: forwards. -webkit-animation -name: animation 1 webkit -animation -duration: 0.7s webkit-animation-timing-function: linear; webkit-animation-iteration -count: infinite webkit-animation-direction: normal -webkit-animation-delay: 0 -webkit-animation-play -state: running #nav li: hover >at z-index: 4. #nav li: hover ul. subs eft: 0. top: 34px width: 150px #nav ul li( background: none repeat scroll 00 #838383 box-shadow: 5px5px 5px rgba(0, 0, 0, 0.5) opacity: 0 width: 100% I keyframes #animation @-webkit-keyframes animation 河南中医学院互联网应用技术研究所 本讲共计12页|当前第5页《Web 前端开发》实验指导 / 实验八:下拉菜单 河南中医学院互联网应用技术研究所 本讲共计 12 页 | 当前第 5 页 } } @-moz-keyframes animation1 { 0% { -moz-transform: scale(1); } 30% { -moz-transform: scale(1.3); } 100% { -moz-transform: scale(1); } } #nav li > a:hover { /* css3 animation */ -moz-animation-name: animation1; -moz-animation-duration: 0.7s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-name: animation1; -webkit-animation-duration: 0.7s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; } #nav li:hover > a { z-index: 4; } #nav li:hover ul.subs { left: 0; top: 34px; width: 150px; } #nav ul li { background: none repeat scroll 0 0 #838383; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); opacity: 0; width: 100%; } /* keyframes #animation2 */ @-webkit-keyframes animation2 {
<<向上翻页向下翻页>>
©2008-现在 cucdc.com 高等教育资讯网 版权所有