动画实现

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/

   

我相信,会有一个公正而深刻的认识来为我们总结的:那时,我们这一代独有的奋斗、思索、烙印和选择才会显露其意义。 ——《北方的河》

博文来源:http://www.cnblogs.com/liaopr

如果您觉得本文的内容对您的学习有所帮助,可以选择打赏我一杯咖啡:D

原文地址:https://www.cnblogs.com/liaopr/p/3884725.html