做网页时看到网页随着往下拉时候，后面的文字和图片从左右飞入到中间那是什么效果啊！

html-css027

做网页时看到网页随着往下拉时候，后面的文字和图片从左右飞入到中间那是什么效果啊！,第1张

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

将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}

}

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：select { width: 210px}。

3、浏览器运行index.html页面，此时网页下拉列表的大小被调整为了210px。