css3菜单动画效果求助

html-css09

css3菜单动画效果求助,第1张

将animation2改为

@-webkit-keyframes animation2{

    from{margin-left:0}

    to{margin-left:185pxopacity:1}

}

@-moz-keyframes animation2{

    from{margin-left:0}

    to{margin-left:185pxopacity:1}

}

<marquee behavior="scroll" direction="up">

<div>输入文字行1</div>

<div>输入文字行2</div>

<div>输入文字行3</div>

</marquee>

手打望采纳

这个特效我就不写出来了，告诉你原理吧，网上有很多类似的效果可以下载。这个特效分为两步，第一步是把文字和图片做一个从左至右的动画效果，一般用CSS3或者JS可以轻易的实现，第二步获取滚动条的定位，当滚动条到达某个位置触发第一步的动画。希望能帮助到你！