网站设计中的视差效果,以不同速度移动图层的概念,已经在动画中使用多年。01.创建缩放效果 02.启动CSS 为了进行网站设计,背景渐变图像将被添加到主体中,并设置为填充屏幕的大小。03.定位每一层 接下来的代码确保每一层都被绝对地定位在包装器中,一个在另一个之上。04.添加文本 text类实际上只是添加了正确的图像,并在使用将在后一步中添加的moveUp关键帧将它动画到合适的位置之前设置它的起始位置。05.动画第一座山 第一个山是离屏幕更远的山,这将得到一个小的缩放,这将是动画的。所有图层的不透明度也被设置得很低,这样它们就会出现在合适的位置。06.为前景山制作动画 前景的山和其他山几乎是一样的,只是比例更合适。两座山的动画都共享“定标器”关键帧。07.添加关键帧动画 现在创建了关键帧来指定它,在移动的结束状态中,这个结束状态将被保持在适当的位置。文本向上移动,山脉被缩小,以适应网站设计。