动画实现

1. 对于背景图片的处理，position-attachment:fixed 的妙用的经典案例1： http://meyerweb.com/eric/css/edge/complexspiral/glassy.html

    fixed的意义，图片针对视窗定位，但会根据容器大小只显示能显示的部分。

    案例1用了两个图片，body背景的清晰图，div背景的模糊图，通过设置position-attachment:fixed，使得div覆盖body的位置是模糊，显示出毛玻璃的效果。

   利用该属性实现视差滚屏效果：多个div设置即可，简单。经典案例2： http://www.ok-studios.de/home/

   

转载于:https://www.cnblogs.com/liaopr/p/3884725.html